Flip clock

PreviousNext

A flip clock demo component

Docs
8starlabs-uiexample

Preview

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

export default function FlipClockVariantsDemo() {
  return (
    <div className="flex flex-col gap-8">
      <FlipClock variant={"default"} />
      <FlipClock variant={"secondary"} />
      <FlipClock variant={"destructive"} />
      <FlipClock variant={"outline"} />
      <FlipClock variant={"muted"} />
    </div>
  );
}

Installation

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

Usage

import { FlipClockVariantsDemo } from "@/components/flip-clock-variants-demo"
<FlipClockVariantsDemo />