Primitives
Card
Flexible card container with optional image, header, body, and footer sub-components.
Installation
npm install @trinkui/reactPreview
Card Title
Card content goes here.
Bordered
Bordered card variant.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "outlined" | "elevated" | "ghost" | "default" | Visual style variant |
interactive | boolean | false | Apply hover and focus ring styles |
fullHeight | boolean | false | Stretch card to full container height |
className | string | — | Additional CSS classes |
children | ReactNode | — | Card content |
Sub-components
Card exports sub-components for structured layouts: CardHeader, CardBody, CardFooter, and CardImage.