Phoenix UI

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.
Attribute Type Documentation Default Value
class :any Extend existing component styles
controlled :boolean false
Required id * :string
rest :global
trigger :slot 
<:trigger class="p-4 pr-10 text-lg">
  Accordion
</:trigger>
<:panel class="p-4" default_expanded>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.
</:panel>
panel :slot 
<:trigger class="p-4 pr-10 text-lg">
  Accordion
</:trigger>
<:panel class="p-4" default_expanded>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.
</:panel>