add AI agents files
This commit is contained in:
parent
5a903af22a
commit
9b9ae5c7f5
79 changed files with 2399 additions and 23 deletions
18
.opencode/skills/daisyui/components/radial-progress.md
Normal file
18
.opencode/skills/daisyui/components/radial-progress.md
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
### radial-progress
|
||||
Radial progress can be used to show the progress of a task or to show the passing of time
|
||||
|
||||
[radial-progress docs](https://daisyui.com/components/radial-progress/)
|
||||
|
||||
#### Class names
|
||||
- component: `radial-progress`
|
||||
|
||||
#### Syntax
|
||||
```html
|
||||
<div class="radial-progress" style="--value:70;" aria-valuenow="70" role="progressbar">70%</div>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
- The `--value` CSS variable and text must be a number between 0 and 100
|
||||
- you need to add `aria-valuenow={value}` and `role="progressbar"` so screen readers can properly read value and also show that its a progress element to them
|
||||
- Use `div` instead of progress because browsers can't show text inside progress tag
|
||||
- Use `--size` for setting size (default 5rem) and `--thickness` to set how thick the indicator is
|
||||
Loading…
Add table
Add a link
Reference in a new issue