Collapsible

An interactive component which expands/collapses a panel.

Docs

API Reference

Installation

Terminal
npx flexnative-cli add "https://registry.flexnative.com/c/collapsible.json"

Usage


Importing
import {
Collapsible,
CollapsibleContent,
CollapsibleTrigger,
} from "@/components/ui/collapsible";
import { Text } from "@/components/ui/text";
Using
<Collapsible>
  <CollapsibleTrigger>
      <Text>Can I use this in my project?</Text>
  </CollapsibleTrigger>
  <CollapsibleContent>
      <Text>Yes. Free to use for personal and commercial projects. No attribution
      required.</Text>
  </CollapsibleContent>
</Collapsible>

Examples

Controlling the Active State