Components · Controls
CounterCounter
A number that counts up as it appears
npx shadcn@latest add @umbra/counterCounts from 0 to the value on mount and when the value changes. The duration is read from --t-slow, so prefers-reduced-motion (duration 0) sets the final value immediately. Tabular digits, ru-RU format. Screen readers read the final value
When to use
- “12 recordings”, “3 h 40 min” at the moment totals appear
When not to use
- Progress and percentages: real ones only, no counting
- Recording timer:
Dock - A number that updates every second
Summary
Launch moves to Tuesday. Anya wraps up the mockups, Timur writes the copy
Recordings this month
Speech not recognized
The “Call with contractor” recording has no text. Check the microphone
Don’t
- Count up to a number that does not exist yet: that is fake progress