Accordion
Expand & collapse content sections vertically.
Installation
pnpm add @base-ui/react motionExamples
Implement this component in your project using Yumma CSS and Base UI.
Base
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Multiple
Allow multiple panels to be open at the same time.
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Bordered
A bordered style with spacing between items.
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Ghost
Items highlight with a left-border accent when expanded.
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Subtle
Items use a light fill that shifts to indigo when open.
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Icons
Use Plus & Minus icons instead of the default caret.
Click the 'Sign Up' button in the top right corner. Enter your email, create a password, and verify your email address.
Yes. We use industry-standard encryption, regular security audits, and comply with GDPR and SOC 2 standards.
Absolutely. Export your data anytime in CSV, JSON, or PDF format from your account settings.
Static
No animation. Panels open & close instantly without motion.
API Reference
Check out the Base UI documentation for more information.