A vertically stacked set of interactive headings that each reveal a section of content.
Installation
$npx maddex add Accordion
Basic
A basic accordion that shows one item at a time. The first item is open by default.
Preview
Click Forgot Password on the sign in page, enter your email address, and we will send a reset link that expires in 24 hours.
Yes. Move between Starter, Growth, and Enterprise from billing settings, and we will prorate the remaining time automatically.
We accept major credit cards, ACH for annual contracts, and invoiced wire transfers for eligible enterprise accounts.
Controlled
Use value and on-value-change when another part of the page needs to stay in sync with the open item.
Preview
Choose how reviewers, approvers, and editors share access across launch checklists.
Control when nightly sync jobs, status refreshes, and deployment reminders are allowed to run.
Route approval changes and policy exceptions to the right team before they leave draft state.
Open Section
{activeSectionHeading}
{activeSectionSummary}
Multiple In A Card
Use type="multiple" to keep more than one item open, then wrap the accordion in a card when it belongs to a settings surface.
Preview
Send release notes, incident summaries, and deployment reminders to workspace members who follow a project.
Require private links for client reviews and prevent public sharing until every required approver signs off.
Remind finance contacts about renewal windows, invoice due dates, and plan changes before the next cycle begins.