How This Test Works

This test demonstrates how the various use cases for Accordion Headers works. Accordion Headers can simply be either active or inactive links, contain icons that are static or act as trigger buttons, contain buttons that cause adjacent accordion panes to expand, etc. Any combination of these items can be used in Accordion Headers.

Header Only, No Pane, No Icon
Header Only, No Pane, Has Icon
Header Only, Has Pane, No Icon

Accordion Content

Here's one paragraph

Here's another!

Header Only, Has Pane, Has Icon

Accordion Content

Here's one paragraph

Here's another!

Link, No Pane, No Icon
Link, No Pane, Has Icon
Link, Has Pane, No Icon

Accordion Content

Here's one paragraph

Here's another!

Link, Has Pane, Has Icon

Accordion Content

Here's one paragraph

Here's another!