Components
Card
A surface for grouping related content. Composed from header, content, and footer parts.
Example
Morning ritual
Steam, sauna, and stillness to begin the day.
Cards carry elevation and a hairline border drawn entirely from tokens, so they re-theme with the rest of the system.
Media card
Anatomy
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@solace/ui';
<Card>
<CardHeader>
<CardTitle>Title</CardTitle>
<CardDescription>Supporting text</CardDescription>
</CardHeader>
<CardContent>…</CardContent>
<CardFooter>…</CardFooter>
</Card>