Counter
Counts up to a value in a pixel face when it scrolls into view.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/counter.json128,430
runs completed this week
When to use
- Counts up to a value in a pixel face when it scrolls into view.
- You want a numbers piece that already handles empty, loading and dark states.
Installation
Add Counter with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/counter.jsonAPI reference
Counter
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |