Accordion

Accordion is related sections with interactive headers that allow users to open or close the view of the content below.

Read more about this component in the Aksel documentation.

This is default open

Properties

Property	Description	Default	Control
Properties
headingSize	The size of the accordion heading. `"large"` `"medium"` `"small"` `"xsmall"`	`"small"`
indent	Whether to indent content or not `boolean`	`true`
size	The size of the accordion. `"large"` `"medium"` `"small"`	`"medium"`
variant	The variant of the accordion. `"default"` `"neutral"`	-
Snippets
children	List of AccordionItem components.		-

Properties included from: HTMLAttributes<HTMLDivElement>

Property	Description	Default	Control
Properties
heading	Heading of the accordion item. `string` `Snippet`	-
open	Whether the accordion item is open or not. `boolean`	`false`
showMoreText	Aria text `string`	-
Snippets
children	Content		-
heading	Heading of the accordion item.		-

Properties included from: HTMLAttributes<HTMLDivElement>