Collapsible

import { Collapsible } from "@o/pipeline/components/collapsible";

Usage

defaultOpen

Hello there

Customization

Note

Custom trigger design courtesy of Nicolas Jesenberger

Collapsible.Root

Renders as a div by default, but can be overridden completely via the render prop.

Collapsible.Trigger

By default, the trigger renders as a Button component. Similarly to the root, the trigger can be overridden completely via the render prop.

Collapsible.Panel

By default, the panel renders relatively unstyled; without any margins or padding. Styling can be applied via the className prop.