26 lines
663 B
Markdown
26 lines
663 B
Markdown
### 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="{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
|
|
- Can also be a details/summary tag
|