View Source Accordion (LiveViewUI v0.0.3)

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

Attributes

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

Slots

  • inner_block (required)

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)

Attributes

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

Slots

  • inner_block (required)

Attributes

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

Slots

  • inner_block (required)

Functions

Attributes

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

Slots

  • inner_block (required)

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)

Attributes

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

Slots

  • inner_block (required)

Attributes

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

Slots

  • inner_block (required)