format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,22 +1,26 @@
|
|||
### collapse
|
||||
|
||||
Collapse is used for showing and hiding content
|
||||
|
||||
[collapse docs](https://daisyui.com/components/collapse/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `collapse`
|
||||
- part: `collapse-title`, `collapse-content`
|
||||
- modifier: `collapse-arrow`, `collapse-plus`, `collapse-open`, `collapse-close`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<div tabindex="0" class="collapse {MODIFIER}">
|
||||
<div class="collapse-title">{title}</div>
|
||||
<div class="collapse-content">{CONTENT}</div>
|
||||
<div tabindex="0" class="{MODIFIER} collapse">
|
||||
<div class="collapse-title">{title}</div>
|
||||
<div class="collapse-content">{CONTENT}</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the modifier class names
|
||||
- instead of `tabindex="0"`, you can use `<input type="checkbox">` as a first child
|
||||
- instead of `tabindex="0"`, you can use `<input type="checkbox">` as a first child
|
||||
- Can also be a details/summary tag
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue