Fabrials UI

Loading state

North workspace

Two accounts, last sync 4 minutes ago.

Synthetic summary. No provider was contacted.

Installation

Import the control from @fabrials/ui, after setting the app up.

TypeScript

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@fabrials/ui";

Or install it under shadcn's name, so code that imports @/components/ui/card gets this control. See shims.
```
npx shadcn@latest add @fabrials/card
```

API reference

Prop / export	Type	Description
`children`	`ReactNode`	Header, content and optional footer.

Behavior

A card is a section, not a clickable surface, unless the host adds one action.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.