Name	Description	Default
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue

No Preview

Sorry, but you either have no stories or none are selected somehow.

Please check the Storybook config.
Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Accordion

Accordion Component

The accordion component allows you to put large ammounts of content in small space with the use of expandable headers

This is a heading about something

▼

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos recusandae totam harum ad nesciunt vitae vel, consectetur, qui modi nihil excepturi impedit provident sapiente voluptatum! Ex saepe laborum error harum.

This is a different heading about something else

▼

This is a different heading about something else

▼

Content Projection

The accordion component uses content projection for its header and content

<accordion-header>This is a header</accordion-header>

<accordion-content>This is the content</accordion-content>

Properties

Name	Description	Default	Control
inputs
expanded	If it's initially expanded boolean	false	FalseTrue
sidebarMenu	Is it part of a sidebar? boolean	false	-
headerId	Unique ID for the header string		-
methods
close	Closes accordion () => void		-
open	Opens accordion () => void		-
toggle	Toggles accordion () => void		-