sliding-number-default

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/sliding-number/default.tsx
import { SlidingNumber } from '@/registry/default/ui/sliding-number';

export default function Component() {
  return (
    <div className="flex items-center justify-center">
      <SlidingNumber from={0} to={500} duration={1} className="text-4xl font-bold" digitHeight={40} />
    </div>
  );
}

Installation

npx shadcn@latest add @reui/sliding-number-default

Usage

import { SlidingNumberDefault } from "@/components/sliding-number-default"
<SlidingNumberDefault />