Collapsible

Show and hide content with a trigger.

Installation

Add the component to your project using the following command:

Import the component and its related parts.

Collapsible Parts

import {
  Collapsible,
  CollapsibleTrigger,
  CollapsiblePanel
} from "components/selia/collapsible";

The expected structure and composition of the component.

Anatomy

<Collapsible>
  <CollapsibleTrigger>Trigger</CollapsibleTrigger>
  <CollapsiblePanel>Collapsible content</CollapsiblePanel>
</Collapsible>

Each component part, its responsibility, and the props it exposes.

Base behavior is provided by Base UI Collapsible. Refer to its documentation for the full API.

Name

Default

Options

`expandableIndicator`

`true`

`true``false`