Accordions

npm install pui-css-collapse --save

These are frequently used in combination with our panel components. They have a header and body.

Accordions can be used with any background color class, add them to the header and body.

Basic

Use this to expand and collapse content.

Look at this content.

Styles

Accordion with Divider:

This adds a divider between the accordion header and accordion body.

This content should hide and show when the trigger is clicked.

You can combine the accordion with any panel class to have a styled panel that opens and closes.

With Icons

Accordion with plus/minus icon:

This content should hide and show when the trigger is clicked.

This documentation generated using Hologram