Production workspace
All services are healthy and serving traffic.
Foundations · Card + CardHeader + CardBody + CardFooter
SSR NativeAccessibleCard
Composes structured content into a bordered product surface.
Astro
---
import { Card, CardHeader, CardBody, CardFooter } from '@charvesta/cetha';
---
<Card as="article"><CardHeader>Workspace</CardHeader><CardBody>Production is healthy.</CardBody><CardFooter><Button>Open</Button></CardFooter></Card>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
as | 'div' | 'article' | 'section' | 'div' | Semantic wrapper. |
class | string | — | Additional classes forwarded to the rendered element. |
Accessibility
Choose the semantic wrapper based on the card content.