Accordions are useful for organizing large amount of content in a tight area by showing or hiding one content at a time.
Default
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.
Compact
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.
Colors
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.
Content for the fourth accordion panel.
Content for the fifth accordion panel.
Content for the sixth accordion panel.
Content for the seventh accordion panel.
Content for the eigth accordion panel.
Icons
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.
Toggle Plus/Minus
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.
Toggle Right/Down
Content for the first accordion panel.
Content for the second accordion panel.
Content for the third accordion panel.