Stats 0 is a versatile and highly customizable component designed to display statistical or numerical data in a visually structured and semantic way. It provides an organized interface for showcasing multiple stats with titles, descriptions, and optional styling classes.
---
import { Stats0 } from '@yatoday/astro-ui/astro';
---
<Stats0
items={[
{ title: '132K', description: 'Downloads' },
{ title: '24.8K', description: 'Stars' },
{ title: '10.3K', description: 'Forks' },
{ title: '48.4K', description: 'Users' },
]}
/>| Prop | Type | Default | Description |
|---|---|---|---|
items | Array | [] | Array of Item items |
classes.container | string | text-center w-full justify-center | Controls the overall container styling. |
classes.content | string | md:border-r border-input md:last:border-none | Adjusts the content layout |
classes.title | string | text-primary text-3xl lg:text-5xl xl:text-6xl | Defines the styling for stat titles |
classes.description | string | font-medium uppercase tracking-widest text-muted-foreground text-sm lg:text-base | Sets the look and feel for the stat descriptions |
classes.icon | string | text-primary | Customizes the icon appearance. |