Renders an accordion item using native HTML details/summary elements.

Examples

<.accordion title="What is Zoonk?">
  Zoonk is an educational platform for learning.
</.accordion>

<.accordion title="Getting Started" open>
  Follow our installation guide to get started.
</.accordion>

<.accordion title="Advanced Features" class="mb-4">
  Explore advanced features like custom themes and integrations.
</.accordion>

Attributes

• title (:string) (required) - The title/summary text for the accordion.
• open (:boolean) - Whether the accordion is open by default. Defaults to false.
• class (:any) - CSS class to apply to the details element. Defaults to nil.
• Global attributes are accepted. HTML attributes to apply to the details element.

Slots

• inner_block (required) - Content to render inside the accordion.