DmKpiCard
Updated Aug 18, 2026
DataMagik Application DesignerDmKpiCard
DmKpiCard — the platform's `kpi_card`, and `metric` on the dashboard surface.
States
default
Example
<DmKpiCard label="…" />
Props
| Name | Type | Required | Default |
|---|---|---|---|
label | string | yes | |
value | string | null | null | |
prefix | string | undefined | |
suffix | string | undefined | |
icon | DmIconName | (string & {}) | undefined | |
tone | 'neutral' | 'ahead' | 'behind' | 'even' | 'unrated' | 'future' | 'neutral' | |
hint | string | undefined | |
current | number | null | null | |
target | number | null | null | |
trend | string | null | null | |
trendDirection | 'up' | 'down' | 'flat' | 'flat' | |
trendIsGood | boolean | true | |
loading | boolean | false | |
size | 'md' | 'lg' | 'wall' | 'md' | |
bare | boolean | false |