ComponentsEffects
Sliding number
A number whose digits roll like a counter
128
128 deploys
Installation
nub add @gpuixui/componentsUsage
import { SlidingNumber } from "@gpuixui/components/sliding-number";
<SlidingNumber value={deploys} role="display" label={`${deploys} deploys`} />;API
| Prop | Type | Default |
|---|---|---|
value | number | — |
decimals | number | 0 |
prefix | string | — |
suffix | string | — |
label | string | the reading |
level | MotionLevel | "normal" |
role | TextRole | "body" |
className | string | — |
style | StateStyle<{ value, text, reducedMotion }> | — |
Edit this page on GitHubpackages/components/docs/sliding-number.mdx