DmKpiCard

Updated Aug 18, 2026
DataMagik Application Designer

DmKpiCard

DmKpiCard — the platform's `kpi_card`, and `metric` on the dashboard surface.

States

default

DmKpiCard — default, light theme DmKpiCard — default, dark theme

Example

<DmKpiCard label="…" />

Props

NameTypeRequiredDefault
labelstringyes
valuestring | nullnull
prefixstringundefined
suffixstringundefined
iconDmIconName | (string & {})undefined
tone'neutral' | 'ahead' | 'behind' | 'even' | 'unrated' | 'future''neutral'
hintstringundefined
currentnumber | nullnull
targetnumber | nullnull
trendstring | nullnull
trendDirection'up' | 'down' | 'flat''flat'
trendIsGoodbooleantrue
loadingbooleanfalse
size'md' | 'lg' | 'wall''md'
barebooleanfalse
Was this page helpful?