Props (14)

label *string

iconReactNodeOptional, sits before the label in the wrapper header.

valueReactNodePre-formatted, for a tile whose value is not a number ("None", a date, a

amountnumberThe headline as a NUMBER. Drives the rolling digits and the delta.

seriesnumber[]History behind the headline. Two or more points draw the sparkline.

previousnumberWhat to compare `amount` against when there is no `series`.

progressnumber0–1. Draws a progress bar instead of a sparkline.

format(value: number) => stringHow to render `amount` / `series`. Default: compact count.

goodWhen"up" | "down"Which direction is good news — decides the delta's colour.

deltaLabelstringNames the comparison the delta makes.

hintReactNodeA second line under the value — a trend, a unit, a window.

actionsReactNodeControls in the wrapper header's top right, after the value.

emphasisbooleanRenders the value one step larger, for the tile that leads a row.

valueClassNamestring