Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
663 B
663 B
collapse
Collapse is used for showing and hiding content
Class names
- component:
collapse - part:
collapse-title,collapse-content - modifier:
collapse-arrow,collapse-plus,collapse-open,collapse-close
Syntax
<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