Fabrials UI

Loading state

List price

$1,284.40

+12.4%vs last 7 days

Requests

48,210

+3.1%vs last 7 days

Cache hit rate

61.2%

No changevs last 7 days

Installation

Import the control from @fabrials/ui, after setting the app up.
TypeScript
```
import { Stat, StatGroup } from "@fabrials/ui";
```

API reference

Prop / export	Type	Description
`label / value / unit`	`string`	What, how much, in what.
`delta / trend`	`string / up \| down \| flat`	The change, with an icon, not only a colour.
`deltaTone`	`positive \| negative \| neutral`	Whether up is good for this number.
`sparkline / hint`	`number[] / string`	Recent values and the comparison period.

Behavior

Tabular figures. A stale value says so in the hint.

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.