Fabrials UI

Loading state

Synthetic accounts
Account	Status
North	Current
South	Stale

Installation

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

TypeScript

import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@fabrials/ui";

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

API reference

Prop / export	Type	Description
`children`	`ReactNode`	Caption, header and body.

Behavior

The table scrolls inside its region. The page itself does not scroll sideways.

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.