Components

Collapsible

Toggle the visibility of a section.

Usage

With @flagon-io/ui installed (see Installation), import it directly.

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@flagon-io/ui";

<Collapsible>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>Hidden content</CollapsibleContent>
</Collapsible>

Prefer to own the code?

You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.

npx shadcn@latest add https://ui.flagon.io/r/collapsible.json