Number Ticker Decimal Demo

PreviousNext

Example showing animated counting decimal numbers.

Docs
magicuiexample

Preview

Loading preview…
registry/example/number-ticker-decimal-demo.tsx
import { NumberTicker } from "@/registry/magicui/number-ticker"

export default function NumberTickerDemo() {
  return (
    <NumberTicker
      value={5.67}
      decimalPlaces={2}
      className="text-8xl font-medium tracking-tighter whitespace-pre-wrap text-black dark:text-white"
    />
  )
}

Installation

npx shadcn@latest add @magicui/number-ticker-decimal-demo

Usage

import { NumberTickerDecimalDemo } from "@/components/number-ticker-decimal-demo"
<NumberTickerDecimalDemo />