Card
Use cards to group related content into a renderer-owned surface without hard-coding padding, radius, or elevation.
Live Demo
Preview + Code
Project Card
Cards group related content with theme-owned surfaces.
Code
const Card.elevated(
children: [
Text.heading3('Project Card'),
Text.body('Cards group related content with theme-owned surfaces.'),
],
)Card#
Use cards to group related content into a renderer-owned surface without hard-coding padding, radius, or elevation.
The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart
API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.
Source: lib/component/card/card.dart
See the Component Catalog for the full exported surface and source mapping.