Skip to content
Components / Metrics

Number ticker

A total that counts to the current value.

@fabrials/ui
Loading state

12,840

Requests this week

Installation

  1. Import the control from @fabrials/ui, after setting the app up.

    TypeScript
    import { NumberTicker } from "@fabrials/ui";

API reference

Prop / exportTypeDescription
valuenumberThe number to show.
prefix / suffixstringUnit or currency around the digits.

Behavior

Reduced motion jumps to the final value. A screen-reader string carries the same number. Blur is off.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.