Accordion

A list of collapsible rows. Each row is an Accordion row block. You can show the rows with dividers or with filled backgrounds.

Where it is used

This is a standalone block. You can add it inside a Carousel block (carousel.liquid), a Popup link block (popup-link.liquid), or any container that accepts theme blocks. No section in the package places it.

Settings

View the block guide .

Setting	Options	Description
Inherit color scheme		When on, the accordion uses the same color scheme as its section. Turn it off to pick a separate scheme for this block.
Color scheme		Edit color schemes in Theme settings.

Typography

Setting	Options	Description
Heading size		Font size of each row heading, in pixels.
Heading weight	• Heading weight • Body weight	Font weight of the row headings: 600 (heading weight) or 500 (body weight).
Content gap		Space between a row's heading and its text when the row is open, in pixels.

Style

Setting	Options	Description
Icon style	• Caret • Plus	Chooses the open and close icon on each row: a caret or a plus sign.
Row style	• Background • Divider	Divider separates rows with a thin line. Background gives each row a filled box with space between the rows.
Background color		Fill color of each row. Shown only when Row style is Background.
Text color		Color of the row heading and text. Shown only when Row style is Background.
Corner radius	• None • Custom	Chooses square corners (None) or rounded corners (Custom) for the rows. Shown only when Row style is Background.
Custom corner radius		Corner radius of the rows, in pixels. Shown only when Row style is Background and Corner radius is Custom.

Item spacing

Setting	Options	Description
Row gap		Space between rows, in pixels. Shown only when Row style is Background.
Padding		Space inside each row around its heading and text, in pixels. With Divider it is added above and below each row, and with Background on all sides.