Collapsible Sections — expand-collapse pattern

SECTIONBLOCKPLANNED

sections/collapsible.liquid

blocks/collapsible-item.liquid

Spec only This component is planned but not yet built. The interactive playground will land in a future Mock U-11 release. This page documents the component's purpose, schema surface, file structure, and dependencies so adjacent work can plan against it.

§ 01What it is.

Native <details> / <summary> based accordion. Each block is a collapsible item with a question/title and rich-text content body. Configurable: open-by-default state, exclusive mode (only one open at a time), nested support, smooth animation. Used heavily on FAQ, install guides, and PDP spec deep-dives.

§ 02When to use it.

FAQ page. PDP specification deep-dive. Install / warranty / shipping policy sections. Support hub sub-topics. Mobile fallback for Tabs.

§ 03Files, type, build position.

Component type

Section — full-bleed merchant-configurable page region. Lives in sections/, shows up in the theme editor sidebar.
Block — composable child of a section or other block. Lives in blocks/, added via the theme editor.

Files

sections/collapsible.liquid blocks/collapsible-item.liquid

Build position

Needs U-02 and U-06.

§ 04Related components.

The components this one depends on, composes with, or pairs with. Click through to each.