Gauge Text | Clover UI

0xfaster

Customize

Color

Speed

Suffix

Label

Value89

Decimals0

Show icon

Installation

pnpm dlx shadcn@latest add @clover-ui/gauge-text

import { GaugeText } from "@/components/gauge-text";

<GaugeText value={89} suffix="x" label="faster" color="#E1E900" />

PropType

The number to count up to.

Text shown after the number.

Default"x"

Default"normal"

Count time in seconds. Overrides speed.

Default0

Color while counting.

Default"var(--primary)"

Classes for the label once counting ends.

Default"text-foreground"

Defaulttrue

Waits until the text scrolls into view.

Defaultfalse

Defaulttrue