# Collapsible

> An interactive section that expands and collapses its content.

_Updated: 2026-06-04_

An interactive section that expands and collapses its content.

## Installation

```bash
railbase ui add collapsible
```

> [!NOTE]
> `railbase ui add` also copies shared primitives — they ship alongside this component automatically.

## Usage

```tsx
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@/lib/ui/collapsible";

<Collapsible>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>Hidden content.</CollapsibleContent>
</Collapsible>
```

## Anatomy

Exported parts: `Collapsible` · `CollapsibleTrigger` · `CollapsibleContent` · `CollapsibleCtx`