Accordion

Inherit Color Scheme

Checkbox that, when enabled (default), applies the color scheme from the parent section.

Colors

Visible only when Inherit Color Scheme is disabled. Allows manual selection of a color scheme for the block, overriding the parent section.

Heading Size

Sets the font size for the collapsible row title, measured in pixels (px). Range: 16px–32px.

Heading Weight

Controls the font weight of the row title: Bold (600) (default) or Medium (500).

Gap Content

Sets the vertical spacing between the row title and expanded content, measured in pixels (px). Range: 0px–30px.

Icon Style

Defines the expand/collapse indicator icon style: Caret (default arrow) or Plus (plus/minus).

Row Style

Controls the visual separation style of accordion rows: Background (uses background fill) or Divider (default horizontal line).

Background Color

Visible only when Row Style = Background. Sets the background color for each row.

Corner Radius

Visible only when Row Style = Background. Controls row corner rounding: None or Custom.

Custom Radius

Visible only when Corner Radius = Custom and Row Style = Background. Sets the radius in pixels (0px–50px).

Gap Row

Visible only when Row Style = Background. Sets the vertical spacing between accordion rows, measured in pixels (px). Range: 0px–30px.

Padding Row

Sets the inner vertical padding inside each row (top and bottom around the title), measured in pixels (px). Range: 0px–50px.

Heading

Specifies the title for an individual accordion row. This is the clickable element used to expand or collapse the row content.

Open default

Controls the initial state of the accordion row: when enabled, the row is expanded on page load; when disabled, it starts collapsed.