Collapsible

A panel that opens and closes from a trigger.

Preview

Loading Preview...

bun add xiod-ui

1import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "xiod-ui/collapsible";

1<Collapsible>2  <CollapsibleTrigger />3  <CollapsiblePanel />4</Collapsible>

Detailed documentation of properties and options.

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`defaultOpen`	`boolean`	`false`	Whether the collapsible panel is initially open. To render a controlled collapsible, use the `open` prop instead.
`disabled`	`boolean`	`false`	Whether the component should ignore user interaction.
`onOpenChange`

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`hiddenUntilFound`	`boolean`	`false`	Allows the browser's built-in page search to find and expand the panel contents. Overrides the `keepMounted` prop and uses `hidden="until-found"` to hide the element without removing it from the DOM.

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`nativeButton`	`boolean`	`true`	Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if the rendered element is not a button (for example, `<div>`

keepMounted

).