SaladUI

Accordion

Is it accessible?

Yes. It adheres to the WAI-ARIA design pattern.

Is it styled?

Yes. It comes with default styles that matches the other components' aesthetic.

Is it animated?

Yes. It's animated by default, but you can disable it if you prefer.
Attribute Type Documentation Default Value
class :string
Required inner_block * :slot 
<.accordion_item>
  <.accordion_trigger group="my-group" open>
    Is it accessible?
  </.accordion_trigger>
  <.accordion_content>
    Yes. It adheres to the WAI-ARIA design pattern.
  </.accordion_content>
</.accordion_item>
<.accordion_item>
  <.accordion_trigger group="my-group">
    Is it styled?
  </.accordion_trigger>
  <.accordion_content>
    Yes. It comes with default styles that matches the other components' aesthetic.
  </.accordion_content>
</.accordion_item>
<.accordion_item>
  <.accordion_trigger group="my-group">
    Is it animated?
  </.accordion_trigger>
  <.accordion_content>
    Yes. It's animated by default, but you can disable it if you prefer.
  </.accordion_content>
</.accordion_item>