Collapsible
Show & hide content with smooth transitions.
Installation
pnpm add @base-ui/react motion
Examples
Implement this component in your project using Yumma CSS and Base UI.
Base
Node.js 18 or later
macOS, Windows, or Linux
4GB RAM minimum
Bordered
Trigger and panel are contained inside a single card, separated by an internal divider when open.
Node.js 18 or later
macOS, Windows, or Linux
4GB RAM minimum
Icons
A rich trigger with an icon, title, and subtitle paired with a structured key-value panel.
RuntimeNode.js 18 or later
PlatformmacOS, Windows, Linux
RAM4 GB minimum
16 GB RAM recommended for large projects
Static
Open and close instantly, without animation.