AvenUI.Components.Accordion (AvenUI v1.0.0)

Accordion / disclosure component using pure Phoenix LiveView JS — no hooks needed.

Examples

<.accordion id="faq">
  <:item title="What is AvenUI?">
    A free component library for Phoenix LiveView.
  </:item>
  <:item title="Is it free?" open>
    Yes. MIT licensed. You own the code.
  </:item>
</.accordion>

<.accordion id="settings" variant="flush">
  <:item title="Privacy"><p>...</p></:item>
</.accordion>

Summary

Functions

accordion(assigns)

Renders an accordion component with collapsible items.

Functions

accordion(assigns)

Renders an accordion component with collapsible items.

Attributes

id (:string) (required)
variant (:string) - Defaults to "bordered". Must be one of "bordered", or "flush".
class (:string) - Defaults to nil.

Slots

item (required) - Accepts attributes:
- title (:string) (required)
- open (:boolean)