KCountdown

Countdown component, support to add other components control countdown.

Install

pnpm

pnpm add @ikun-ui/countdown

yarn

yarn add @ikun-ui/countdown

npm

npm install @ikun-ui/countdown

Basic usage

Start to grab

06:59:57

Remaining VIP time

47:59:57

Still to go until next month

28:25:49

2026-02-01

Countdown Props

Name	Type	Default	Description
format	string	-	Formatting the countdown display.
value	number	0	Target time.
prefix	string	-	Sets the prefix of a countdown.
suffix	string	-	Sets the suffix of a countdown.
title	string	-	Countdown titles
valueStyle	string	-	Styles countdown values
cls	string	-	Additional class for component
attrs	any	{}	Additional attributes

Countdown Events

Name	Description	Type
change	Time difference change event.	(vaue: number)=> void
finish	Countdown end event.	()=> void

Countdown Slots

Name	Description
prefix	Countdown prefix.
title	Countdown titles.
suffix	Suffixes forcountdown values.