KpiGroup
Loading example…
Metrics that belong together in one card, divided by hairlines. Columns follow the container width: 1, 2 or 4 across.
Import
Section titled “Import”import { KpiGroup } from "@jcsoftdev/ui/containers";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/kpi-group.
<KpiGroup items={items} animate />| Prop | Type | Default | Description |
|---|---|---|---|
items * |
KpiGroupItem[] |
||
animate |
boolean |
true |
Animate numeric values counting up. |
* marks a required prop.
It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/containers/kpi-group/kpi-group.tsx