# @askrjs/themes/collapsible

> Published API exports for @askrjs/themes/collapsible.

Source: [https://askrjs.com/docs/reference/api/themes/collapsible](https://askrjs.com/docs/reference/api/themes/collapsible)

Status: stable. Packages: @askrjs/themes/collapsible.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 8 exports from the declarations shipped by @askrjs/themes.

### `Collapsible`

```ts
Collapsible: (props: CollapsibleProps) => JSX.Element
```

Renders a part of `collapsible`.

### `CollapsibleContent`

```ts
CollapsibleContent: { (props: CollapsibleContentProps): JSX.Element | null; (props: CollapsibleContentAsChildProps): JSX.Element | null; }
```

Renders the `collapsible-content` part of `collapsible`.

Supports polymorphic rendering via `asChild`.

### `CollapsibleContentAsChildProps`

```ts
CollapsibleContentAsChildProps: any
```

Props for the `asChild` (polymorphic) rendering of Collapsible Content.

- `asChild`: Render as child element instead of div

- `children`: Child content

- `forceMount`: Force mount even when closed (for animation)

- `ref`: Ref forwarding

### `CollapsibleContentProps`

```ts
CollapsibleContentProps: any
```

Content component props

- `asChild`: Render as child element instead of div

- `children`: Child content

- `forceMount`: Force mount even when closed (for animation)

- `ref`: Ref forwarding

### `CollapsibleProps`

```ts
CollapsibleProps: any
```

Root component props

- `children`: Child components (Trigger, Content)

- `defaultOpen`: Uncontrolled default open state

- `disabled`: Whether the collapsible is disabled

- `id`: Stable caller-provided identity used for ARIA linking when available

- `onOpenChange`: Callback when open state changes

- `open`: Controlled open state

### `CollapsibleTrigger`

```ts
CollapsibleTrigger: { (props: CollapsibleTriggerProps): JSX.Element; (props: CollapsibleTriggerAsChildProps): JSX.Element; }
```

Renders the `collapsible-trigger` part of `collapsible`.

Supports polymorphic rendering via `asChild`.

### `CollapsibleTriggerAsChildProps`

```ts
CollapsibleTriggerAsChildProps: any
```

Props for the `asChild` (polymorphic) rendering of Collapsible Trigger.

- `asChild`: Render as child element instead of button

- `children`: Child content

- `ref`: Ref forwarding

### `CollapsibleTriggerProps`

```ts
CollapsibleTriggerProps: any
```

Trigger component props (button semantics)

- `asChild`: Render as child element instead of button

- `children`: Child content

- `ref`: Ref forwarding

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/cluster/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/combobox/index.md)