shadcn index

Flip clock

PreviousNext

A flip clock demo component

Docs
8starlabs-uiexample

Preview

Loading preview…
registry/8starlabs-ui/examples/flip-clock-size-demo.tsx
import FlipClock from "@/registry/8starlabs-ui/blocks/flip-clock";

export default function FlipClockSizeDemo() {
  return (
    <div className="flex flex-col gap-8">
      <FlipClock size={"sm"} />
      <FlipClock size={"md"} />
      <FlipClock size={"lg"} />
      <FlipClock size={"xl"} />
    </div>
  );
}

Installation

npx shadcn@latest add @8starlabs-ui/flip-clock-size-demo

Usage

import { FlipClockSizeDemo } from "@/components/flip-clock-size-demo"
<FlipClockSizeDemo />