Stats

The Stats component displays a grid of key statistics, perfect for social proof or highlighting achievements.

Usage

import Stats from '~/components/sections/Stats.astro';
import StatItem from '~/components/ui/StatItem.astro';

<Stats title="Our Impact" description="We are making a difference.">
  <StatItem value="10k+" label="Users" />
  <StatItem value="5M+" label="Downloads" />
</Stats>

Example

Trusted by Developers

Our community is growing every day.

0k+

Active Users

0%

Uptime

0+

Contributors

0/7

Support

※ The numbers are based on official site and tool specifications.

Props

Stats

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | title | string | undefined | Optional heading for the section. | | description | string | undefined | Optional subtext for the section. |

StatItem

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | value | string | Required | The main statistic number or text. | | label | string | Required | The label describing the statistic. |