Minimal Line Accordion
An accordion with thin divider lines and no boxes at all. The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.
An accordion with thin divider lines and no boxes at all. The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.
Search blocks by description or jump to a page.
Minimal Line Accordion is a single-column accordion with no boxes or background fills. Each item is anchored by a thin left-hand bar that sits at low opacity when the panel is closed and brightens to full strength when the panel opens. The question sits on the trigger row with a standard chevron, and the answer text expands below it. Only one panel is open at a time, and the color transition on the left bar is the sole visual signal for the active state.
Every item is independent: you can rewrite the question and answer copy freely, add or remove items, or drop the whole accordion into a narrow column or a sidebar without adjusting layout. The left bar highlight and the open/close animation are built in and require no extra configuration.
Reach for this block when you need an FAQ or a short list of answers that blends into a content page without competing for attention. It suits an AI assistant product where prose and interface elements share the same page and a heavy bordered or carded accordion would feel out of place. It works better than card or boxed variants when the surrounding page is already visually busy and you want the accordion to read as text rather than as a widget.
A natural flow around it on a Components page:
Before
After
Each item is a self-contained question and answer pair that you can edit, reorder, or remove independently.
Tip: pair this accordion with a brief introductory sentence above it so readers know what category of questions they are browsing before they start expanding panels.