Displays collapsible content panels for presenting information in a limited amount of space

The accordion component builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item's header.

Contents

Usage

Examples

Click headers to expand/collapse content that is broken into logical sections, much like tabs.

Simple accordion

Disabled

Dynamic accordion

Open only one at a time

Styling

Configuring defaults

API Reference