Komponenty Statystyki
Komponenty
Statystyki
Liczby z animacją licznika w stylu odometru: cyfry przewijają się pionowo, wyższe rzędy przeskakują przy przeniesieniu. Wszystkie ruszają razem, ale zatrzaskują się po kolei – cała animacja trwa 2,5 s niezależnie od liczby kafelków.
Na żywo
Przewiń tu – licznik startuje, gdy blok wejdzie w widok. Respektuje prefers-reduced-motion.
- 20+
- lat doświadczenia projektowego
- 2
- języki serwisu
- 186
- budowanych podstron
- 100
- cel Lighthouse
Użycie
astro
<Stats items={[
{ value: '20+', label: 'lat doświadczenia' },
{ value: '100%', label: 'cel Lighthouse' },
]} />Właściwości
| Prop | Typ | Domyślnie | Opis |
|---|---|---|---|
| items | { value; label }[] | – | Lista liczb. value może mieć prefiks/sufiks (np. „20+", „100%"). |