View Source LiveViewUI.UI.Accordion (LiveViewUI v0.0.7)

A simple accordion component for dynamically displaying collapsible content panels.

Example Usage

Here is a basic example of setting up an accordion with two items:

<Accordion.root>
  <Accordion.item id="item-1">
    <Accordion.trigger>
      Accordion Item 1
    </Accordion.trigger>
    <Accordion.content>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc.
      </p>
    </Accordion.content>
  </Accordion.item>
  <Accordion.item id="item-2">
    <Accordion.trigger>
      Accordion Item 2
    </Accordion.trigger>
    <Accordion.content>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc.
      </p>
    </Accordion.content>
  </Accordion.item>
</Accordion.root>

This structure allows you to toggle visibility of each content panel, providing a streamlined user experience.

Summary

Functions

content(assigns)

Attributes

active (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

item(assigns)

Attributes

id (:string) (required)
active (:boolean) - Defaults to false.
disabled (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

root(assigns)

Attributes

multiple (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

trigger(assigns)

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

Functions

content(assigns)

Attributes

active (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

item(assigns)

Attributes

id (:string) (required)
active (:boolean) - Defaults to false.
disabled (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

root(assigns)

Attributes

multiple (:boolean) - Defaults to false.
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

trigger(assigns)

Attributes

class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)