Skip to main content

Stats

A component to display statistical numbers or metrics.

Component Preview

Props

PropTypeDescription
itemsStatItem[]Array of statistics to display.
classNamestringOptional CSS class name for the wrapper.

StatItem Interface

PropertyTypeDescription
valuestringThe main numerical value or text (e.g., "100%", "24/7").
labelstringThe label for the statistic.
descriptionstringOptional description text.

JSON Data Example

{
"type": "Stats",
"data": {
"items": [
{
"value": "100%",
"label": "Uptime",
"description": "We guarantee 100% uptime for all our services."
},
{
"value": "24/7",
"label": "Support",
"description": "Our support team is available 24/7 to help you."
},
{
"value": "100k+",
"label": "Users",
"description": "Trusted by over 100k users worldwide."
}
]
}
}