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

* These numbers are for demonstration purposes.

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.