add AI agents files
This commit is contained in:
parent
5a903af22a
commit
9b9ae5c7f5
79 changed files with 2399 additions and 23 deletions
27
.opencode/skills/daisyui/components/label.md
Normal file
27
.opencode/skills/daisyui/components/label.md
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
### label
|
||||
Label is used to provide a name or title for an input field. Label can be placed before or after the field
|
||||
|
||||
[label docs](https://daisyui.com/components/label/)
|
||||
|
||||
#### Class names
|
||||
- component: `label`, `floating-label`
|
||||
|
||||
#### Syntax
|
||||
For regular label:
|
||||
```html
|
||||
<label class="input">
|
||||
<span class="label">{label text}</span>
|
||||
<input type="text" placeholder="Type here" />
|
||||
</label>
|
||||
```
|
||||
For floating label:
|
||||
```html
|
||||
<label class="floating-label">
|
||||
<input type="text" placeholder="Type here" class="input" />
|
||||
<span>{label text}</span>
|
||||
</label>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
- The `input` class is for styling the parent element which contains the input field and label, so the label does not have the 'input' class
|
||||
- Use `floating-label` for the parent of an input field and a span that floats above the input field when the field is focused
|
||||
Loading…
Add table
Add a link
Reference in a new issue