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.
<.accordion>
  <.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>
</.accordion>