isMultiple

By default, only one accordion item can be expanded at a time. Use the isMultiple option to allow multiple items to be expanded simultaneously.

items

Accordions can contain any number of items. Each item can be expanded or collapsed by interacting with any part of the item.

density

Accordions come in three densities: compact, regular, and spacious. Each of the different densities have the same font size, but have tighter or looser vertical spacing between the rows.

isDisabled

Individual accordion items can be disabled using the isDisabled option. Disabled items cannot be expanded or collapsed.

isQuiet

By default, accordions have dividers between sections. This style works best when lots of content is inside each section.

Alternatively, you can have no dividers between sections. This style works best when a clear layout (vertical stack, table, grid) makes it easy see and understand. Too many quiet components in a small space can be hard to differentiate.

size

Accordions come in four different sizes: small, medium, large, and extra-large. The medium size is the default and recommended option. Use the other sizes sparingly; they should be used to create a hierarchy of importance within the page. Each of the different sizes have varying font sizes, and tighter or looser vertical spacing between the rows.