Accordion

Examples

A collapsible accordion component.

Accordion Properties

active {number}|Array({number})
Optional active panels to be opened by default.
animate {bool}
Transition content in & out with a slide down animation. Defaults to true.
onActive {function}
Function that will be called when the Accordion changes the currently active panels.
openMulti {bool}
Allow multiple panels to be opened at once. Defaults to false.

AccordionPanel Properties

heading {string}|{node}
Heading of panel, displayed when panel is collapsed. Required.
pad none|small|medium|large|{...}
The amount of padding to put around the Accordion panel heading & it's content