# rn-collapsible
URL: /docs/native/components/collapsible

Expandable/collapsible container with animated height transitions.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-collapsible
```

**Dependencies:**
- [react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated)

## Usage

```tsx
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/docyrus-native/collapsible';

  
  
  

```

## API Reference

### Collapsible

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `open` | `boolean` | — | Controlled open state |
| `defaultOpen` | `boolean` | `false` | Initial open state (uncontrolled) |
| `onOpenChange` | `(open: boolean) => void` | — | Open state change handler |
| `children` | `ReactNode` | — | Trigger and Content children |
| `className` | `string` | — | Additional CSS classes |

### CollapsibleTrigger

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | — | Trigger content |
| `className` | `string` | — | Additional CSS classes |

### CollapsibleContent

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | — | Collapsible content |
| `className` | `string` | — | Additional CSS classes |

## Components

| Component | Description |
|-----------|-------------|
| `Collapsible` | Root container with context provider |
| `CollapsibleTrigger` | Pressable trigger that toggles content |
| `CollapsibleContent` | Animated content container |

## Type Exports

| Type | Description |
|------|-------------|
| `CollapsibleProps` | Props for Collapsible |
| `CollapsibleTriggerProps` | Props for CollapsibleTrigger |
| `CollapsibleContentProps` | Props for CollapsibleContent |