NeumorUINeumorUI
📖📦
Data Display

Countdown

Live countdown timer with flip animation, blinking separators, and customizable units.

tsx
1import { Countdown } from "neumorui";

Example

00
Days
:
02
Hours
:
30
Min
:
00
Sec
showDays
showHours
showMinutes
showSeconds
size
variant

Props

PropTypeDefault
targetDateDate | string | number-
onComplete() => void-
showDaysbooleantrue
showHoursbooleantrue
showMinutesbooleantrue
showSecondsbooleantrue
labels{ days?: string; hours?: string; minutes?: string; seconds?: string }Days/Hours/Min/Sec
size"sm" | "md" | "lg""md"
variant"raised" | "inset""raised"