:: BASE_DOC ::
API
CountDown Props
| name |
type |
default |
description |
required |
| auto-start |
Boolean |
true |
- |
N |
| content |
String / Slot |
'default' |
- |
N |
| format |
String |
HH:mm:ss |
- |
N |
| millisecond |
Boolean |
false |
- |
N |
| size |
String v0.5.1 |
'small' |
options：small/medium/large |
N |
split-with-unit v0.5.1 |
Boolean |
false |
- |
N |
| theme |
String v0.5.1 |
'default' |
options：default/round/square |
N |
| time |
Number |
- |
required |
Y |
CountDown Events
| name |
params |
description |
| change |
(time: TimeData) |
see more ts definition。
interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }
|
| finish |
- |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name |
Default Value |
Description |
| --td-countdown-bg-color |
@error-color-6 |
- |
| --td-countdown-default-color |
@font-gray-1 |
- |
| --td-countdown-round-border-radius |
@radius-circle |
- |
| --td-countdown-round-color |
@font-white-1 |
- |
| --td-countdown-square-border-radius |
@radius-small |
- |
