Components
Accordions
Expandable sections for progressive disclosure.
Overview
Accordions let users expand and collapse content sections. Use them for FAQs, optional details, and content that not every reader needs.
Frequently asked questions
How do I reset my password?
Navigate to the login page and click "Forgot password." Enter your email address and follow the instructions in the reset email.
What payment methods are accepted?
We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and bank transfers for annual plans.
Can I change my plan later?
Yes, you can upgrade or downgrade your plan at any time from the billing settings page. Changes take effect at the start of your next billing cycle.
How do I contact support?
You can reach our support team through:
- Email — support@example.com
- Chat — Available in the bottom-right corner of the dashboard
- Phone — 1-800-EXAMPLE (Mon-Fri, 9am-5pm EST)
Technical details
Accordion with code
You can include code blocks inside accordions:
def process_data(input_file):
with open(input_file, 'r') as f:
data = json.load(f)
return transform(data)
Accordion with a table
| Status | Code | Description |
|---|---|---|
| Success | 200 | Request completed |
| Created | 201 | Resource created |
| Bad Request | 400 | Invalid input |
| Not Found | 404 | Resource not found |