React Collapsible Component

krz-ui/krz-ui

vercel/next.js

vitejs/vite

Installation

pnpm add krz-ui

import { Collapsible, Button } from "krz-ui";

<Collapsible trigger={<Button variant="ghost">Show details</Button>}>
  <p>Order #1024 · 3 items · $84.00</p>
</Collapsible>

Prop	Type	Description
`trigger`	`ReactElement`	Element that toggles the content, usually a Button.
`open / defaultOpen`	`boolean`	Controlled or initial state.
`onOpenChange`	`(open: boolean) => void`	Called when toggled.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ panel?, content? }`	Extra classes for inner parts.