Navigation Collapsible

Collapsible

Show more, show less (Radix Collapsible).

Preview

Around Zostel Manali

Hadimba Temple — walk the deodar woods

Usage

tsx

import { Collapsible, CollapsibleTrigger, CollapsibleContent, Button } from "zostel-ui";

<Collapsible open={open} onOpenChange={setOpen}>
  <CollapsibleTrigger asChild><Button variant="ghost" size="sm">3 more</Button></CollapsibleTrigger>
  <CollapsibleContent>…</CollapsibleContent>
</Collapsible>

Props

Prop	Type	Default	Description
`open / defaultOpen`	`boolean`	—	Controlled / uncontrolled.
`onOpenChange`	`(open: boolean) => void`	—	Called when it opens or closes.
`disabled`	`boolean`	`false`	Stops it toggling.

open / defaultOpen

Type: boolean

Default: —

Controlled / uncontrolled.

onOpenChange

Type: (open: boolean) => void

Default: —

Called when it opens or closes.

disabled

Type: boolean

Default: false

Stops it toggling.