Home/Components/Accordion

Accordion

Disclosure rows that reveal more content on click. Used inside settings, FAQ, advanced filters.

Stable .accordion Lazy reveal

Default

One row open at a time. Chevron rotates to indicate state.

Tax & VAT
VAT rate 14.5 %. Apply to every line item. Configure exemptions per SKU under Products.
Receipt template
Cash drawer
Fiscal printer
Single-open accordion

Multiple open

Several rows can be open at once. Use for FAQ-style content where the user might want to compare two answers.

What payment methods are supported?
Cash, EcoCash, Visa, Mastercard, bank transfer.
How do I issue a refund?
Open the receipt, click Refund, choose full or partial.
Can I edit a posted invoice?
Multi-open accordion

Do & don't

Do

Use accordions for content the user usually skips. The default state is collapsed.

Don't

Hide critical settings inside an accordion. Putting "Save changes" inside one is a footgun.

Do

Keep section titles scannable — they’re the navigation.

Don't

Nest accordions. One level of disclosure is the max.