View Source Accordion (LiveViewUI v0.0.1)
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 tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
id
(:string
) (required)active
(:boolean
) - Defaults tofalse
.disabled
(:boolean
) - Defaults tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
multiple
(:boolean
) - Defaults tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Functions
Attributes
active
(:boolean
) - Defaults tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
id
(:string
) (required)active
(:boolean
) - Defaults tofalse
.disabled
(:boolean
) - Defaults tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
multiple
(:boolean
) - Defaults tofalse
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)