Primitive

Collapsible

An interactive component which expands/collapses a panel.

@benflux-ui starred repos

@benflux-ui/react

Installation

npx benflux-ui add collapsible

Usage

import {
  Collapsible, CollapsibleContent, CollapsibleTrigger,
} from "@benflux-ui/react"

<Collapsible>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>
    Hidden content revealed on toggle.
  </CollapsibleContent>
</Collapsible>

Props

Prop	Type	Default	Description
open	boolean	—	Controlled open state
defaultOpen	boolean	false	Default open state (uncontrolled)
onOpenChange	(open: boolean) => void	—	Called when the open state changes