ComponentReactregistry:ui
Card
card
Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.
This item declares no source files.
Notes from the author
Use variant for surface depth (elevated for emphasis, soft for nested surfaces, glass over imagery) and inset to scale internal padding consistently across all parts. The glass variant derives from the @ai2/glass surface treatments.
1 example
See it in use
Used by 2 items
Built on Card
Other @ai2 items that list this one as a dependency.
@ai2