Accordion

A set of collapsible panels with headings.

Installation

Copy the following code into your app directory.

buridan add component accordion

Usage

Make sure to correctly set your imports relative to the component.

from components.base_ui.accordion import accordion

Examples

Below are examples demonstrating how the component can be used.

Basic

A basic accordion that shows one item at a time. The first item is open by default.

- Genesis launched a new era of exploration.

- Explorer uncovered new planets beyond our reach.

- Voyager 1 ventured into interstellar space.

- Apollo landed humans on the Moon.