Collapse Component
Collapse Modes
Checkbox Mode (Click to toggle)
Click the "Sign Up" button in the top right corner and follow the registration process.
Focus Mode (Opens on focus, closes on blur)
Click on "Forgot Password" on the login page and follow the instructions sent to your email.
Details Mode (Native HTML, searchable in browser)
What payment methods do you accept?
We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers.
Icon Variants
Arrow Icon
Yes, we offer free shipping on all orders over $50.
Plus/Minus Icon
Yes, you can cancel anytime from your account settings. No cancellation fees apply.
No Icon
Yes, we have a 30-day money-back guarantee for all purchases.
Disabled State
This content cannot be accessed.
Accordion (Radio Mode)
Only one item can be open at a time
We're open Monday to Friday, 9 AM to 6 PM EST. Customer support is available 24/7.
Our headquarters is in San Francisco, CA, with offices in New York and London.
Yes, we ship to over 100 countries worldwide. Shipping times vary by location.
You'll receive a tracking number via email once your order ships. Use it on our tracking page.
Forced States
Force Open
This collapse is forced open with the `open` prop.
Force Close
This collapse is forced closed with the `close` prop.
Custom Styling
Without Border
No border or background color.
Colored (Focus)
Click to see the color change.
Colored (Checkbox with peer)
Content changes color when checked.
Icon on Left
Using utility classes to reposition the icon.