Usage

When to use an accordion

• Show and hide content

• Organize related items into 1 group

• To shorten pages when space is limited

When not to use an accordion

• When needing to display large chunks of information.

• When important information needs to be shown.

Creation

Adding displayable content to the accordion

Adding displayable content to the accordion is just as simple as putting a kid in a crib, simply place the contents in it like you'd do with any other HTML element.

<accordion-dropdown titleText=':3'>
<p>I'm just a silly femboy making shitty jokes in the docs :3</p>
</accordion-dropdown>

Accordions with titleText

The titleText is a text that is displayed as the title of the accordion, it is recommended that you keep this text short and simple.

<accordion-dropdown titleText='Themes'>
<!-- content to display -->
</accordion-dropdown>

Accordion with visible content by default

The visible attribute of the accordion allows you to set the accordions visibility state.

True = visible

False = hidden

<accordion-dropdown visible='true'>
<!-- content to display -->
</accordion-dropdown>