Navigation
Accordion
stacked details. give them a shared name so only one opens.
new
Examples
How does approval work?
Share the code and an admin approves it.
What if the code expires?
Ask for a new one and it arrives right away.
Who can approve?
Anyone on the admin list.
<div class="accordion">
<details name="faq" open>
<summary>How does approval work?</summary>
<div class="accordion-body">Share the code and an admin approves it.</div>
</details>
<details name="faq">
<summary>What if the code expires?</summary>
<div class="accordion-body">Ask for a new one and it arrives right away.</div>
</details>
<details name="faq">
<summary>Who can approve?</summary>
<div class="accordion-body">Anyone on the admin list.</div>
</details>
</div>Classes
| Class | What it does |
|---|---|
.accordion | bordered stack of details |
.accordion-body | muted content |