StatCard
Data

StatCard.

A ready-to-use metric card.

Real interactive component
Live demo

Monthly active users

12,480
+18.2%From last month

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

6 props
ParameterTypeRequiredDefaultPossible valuesDescription
labelstringYes——Name of the metric.
valuestring | numberYes——Value shown prominently.
deltastringNo——Optional change indicator text.
descriptionstringNo——Supporting metric detail.
iconIconNameNo—Browse /iconsOptional shared Lucide icon.
classNamestringNo——Additional CSS class on the outer component element.