An accordion whose sections are hinged to their headers. Opening turns a section down from edge-on to flat while its height opens, so you can see which header it belongs to and where it goes when it closes. It is the standard accordion underneath: header buttons, aria-expanded, regions named by their header.
Files · 8
Dependencies
npm packages
@radix-ui/react-slot
clsx
lucide-react
tailwind-merge
Registry items
https://caliperui.site/r/styles.json
Registry Items
fold-panel
Configuration
Name
fold-panel
Type
UI
Description
An accordion whose sections are hinged to their headers. Opening turns a section down from edge-on to flat while its height opens, so you can see which header it belongs to and where it goes when it closes. It is the standard accordion underneath: header buttons, aria-expanded, regions named by their header.