Collapsible

Custom collapsible component.

Installation

Copy the following code into your app directory.

Usage

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

from components.base_ui.collapsible import collapsible

Examples

Below are examples demonstrating how the component can be used.

High Level Demo

Uses the simplified collapsible() API with trigger and content props for quick implementation.

Low Level Demo

Uses the low-level collapsible.root(), collapsible.panel(), and ClientStateVar for full control over state and structure.