BootstrapComponents/Accordion

→ Back to Bootstrap Components overview

Description

An accordion can group a number of panels together in a way, that all except one are collapsed.

For available options to this component, please see the documentation on github.

Please also visit the github documentation when looking for help for the panel component.

Example

<bootstrap_accordion>
	<bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel>
	<bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel>
</bootstrap_accordion>

Headline for Panel1

Text inside the panel

Headline for Panel2

Text inside the panel

Headline for Panel3

Text inside the panel

Headline for Panel4

Text inside the panel