format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,19 +1,23 @@
|
|||
### countdown
|
||||
|
||||
Countdown gives you a transition effect when you change a number between 0 to 999
|
||||
|
||||
[countdown docs](https://daisyui.com/components/countdown/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `countdown`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<span class="countdown">
|
||||
<span style="--value:{number};">number</span>
|
||||
<span style="--value:{number};">number</span>
|
||||
</span>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- The `--value` CSS variable and text must be a number between 0 and 999
|
||||
- you need to change the span text and the `--value` CSS variable using JS
|
||||
- you need to add `aria-live="polite"` and `aria-label="{number}"` so screen readers can properly read changes
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue