Countdown Badge

A live countdown badge for launches and limited offers, SSR safe with a finished state.

Launch in--d --h --m --s

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Badge18 } from "@/components/beste/component/badge18";

<Badge18 target="2027-01-01T00:00:00Z" label="Launch in" />

<Badge18
  target="2026-12-24T18:00:00Z"
  label="Early bird ends in"
  finishedText="Offer ended"   // shown once the target passes
  tone="primary"               // "foreground" (default) | "primary"
/>