1.2 KiB
1.2 KiB
:: 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 | - |