Disclosure controls let readers reveal authored content in place while keeping operation, focus, and keyboard behavior browser-owned. They use native HTML instead of requiring package state or a script runtime.

Accordion

Accordion renders keyed native details and summary pairs. mode={:independent} allows several items to remain open, while mode={:exclusive} gives the items a shared native name so supporting browsers keep one open at a time. Every item requires a stable key and summary and may set its initial open state; item, summary, and content classes or attribute maps provide scoped styling hooks.

<.accordion id="faq" mode={:exclusive}>
  <:item key="shipping" summary="When will my order ship?" open>
    Orders normally leave within two business days.
  </:item>
  <:item key="returns" summary="Can I return it?">
    Review the return policy before sending an item back.
  </:item>
</.accordion>