Accordion With Aside
Accordion beside a contact aside for further help.
Accordion beside a contact aside for further help.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
An FAQ section that combines a collapsible question list with a helpful contact card on the side. The accordion takes two thirds of the width and answers five common questions about the free plan, cancellation, refunds, security, and multi device use. Alongside it, a "Still have questions?" card with a message icon points anyone who needs more help toward support.
collapse collapse-arrow accordion driven by radio inputsMessageCircle icon in a rounded tileThe questions live in the faqs array, so reordering or rewriting them is straightforward. The aside is plain markup, making it easy to repoint the button at a contact form, live chat, or help center. On smaller screens the two column grid stacks so the aside sits below the questions. daisyUI tokens handle every color, keeping both panels on theme.