Skip to content
FelicityUI

Collapsible

Expand / collapse panel.

Loading collapsible…

Installation

terminal
npx felicityui add collapsible --platform react

Usage

example.tsx
import { Button } from "@/components/ui/button"

<Button>Button</Button>

Composition

Collapsible
├── CollapsibleTrigger
└── CollapsibleContent

Composition and usage follow Felicity-native APIs. Roles align with the public component catalog at docs/references/felicity-component-catalog.md.

API Reference

PropTypeDefaultDescription
classNamestring—Additional classes.

Accessibility

WCAG 2.2 AA

  • Native semantics and keyboard support.
  • Visible focus indicator.

Platform notes

React

Native HTML with Felicity semantic tokens. Paper/ink surfaces, copper accent sparingly, hairline borders — not Radix/shadcn runtime.

  • Client component (interaction).
  • Uses data-slot attributes for anatomy.