Collapsible

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

A single section that expands and collapses to show or hide its content.

Usage

defaultOpen

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. Pass a different button element to render, such as <Message.Button />, and the trigger renders that instead. It passes collapsible, open and the trigger’s wiring to the element as Button props, so the element’s own defaults still apply.

Collapsible.Panel

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