Accordion

Overview

The Accordion block displays collapsible content panels that expand or contract when clicked. It’s perfect for organizing information into digestible sections — keeping pages clean while allowing users to reveal more detail as needed.

Use cases:

• FAQs

• Shipping, returns, or product details

• Content like policies or specifications

Features:

• Click-to-toggle panels with smooth expand/collapse animation

• Each item includes a heading and expandable content area

• Supports multiple open items or single-item toggle behavior

• Optional icons for open/close state

• Fully responsive with accessible markup for screen readers

Last updated