Usage
Yes. It adheres to the WAI-ARIA design pattern.
::accordion{default-value="first-item" collapsible}
::accordion-item{value="first-item"}
#title
Is it accessible?
#content
Yes. It adheres to the WAI-ARIA design pattern.
::
::accordion-item
#title
Is it unstyled?
#content
Yes. It's unstyled by default, giving you freedom over the look and feel.
::
:accordion-item{title="Can it be animated?" content="Yes! You can use the transition prop to configure the animation."}
::
The `value` prop in `::accordion-item`{lang="mdc"} is auto-generated by default. You can set them to other _unique_ values and put them in the `default-value` prop of `::accordion`{lang="mdc"}.
## Props
#### `::accordion-item`{lang="mdc"}
::field-group
:field{name="type" type="'single' | 'multiple'" default-value="'single'"}
:field{name="collapsible" type="boolean" default-value="undefined"}[Whether the items can be collapsed]
:field{name="defaultValue" type="string | string[]"}[Default open item]
::
#### `::accordion`{lang="mdc"}
::field-group
:field{name="value" type="string"}[Item value]
:field{name="title" type="string"}[Item title]
:field{name="content" type="string"}[Item content]
::