Behive Tech Component Registry

Stat

v0.4.4Stable

A label over a large value, for dashboards and summary rows — with an optional prefix (a currency sign) and suffix (a unit) around the value.

pnpm add @behivetech/atoms.stat

A label over a large value, for dashboards and summary rows — with an optional prefix (a currency sign) and suffix (a unit) around the value.

Usage

Open in new tab

Properties

Stat props

PropTypeDefaultDescription
label*string—Descriptive label shown above the value
value*string | number—The primary metric to display
classNamestring—Additional class names to merge with the component root element
prefixReactNode—Optional prefix rendered before the value (e.g. "$")
suffixReactNode—Optional suffix rendered after the value (e.g. "%", "ms")

Also accepts the native attributes of its root element (className, aria-*, event handlers, …).