Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Checkmark List

Checkmark List

Checkmark List displays items with positive or negative icons. Use it for an included-features list or a comparison where the text explains each item.

Add and configure Checkmark List

  1. Click Add, choose Checkmark List, and place it in the container.
  2. Populate Content > Content > List.
  3. Choose Positive Icon and Negative Icon.
  4. Configure Design > Icon, Layout, Typography, and Spacing.
  5. Save your changes.
Checkmark List controls in the Breakdance editor
Checkmark List controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting Purpose and options Behavior
List Add, edit, remove, and reorder list. Shared
List > Text Visible text. Shared
List > Icon Positive, Negative. Shared
Positive Icon Icon. Shared
Negative Icon Icon. Shared

Design > Icon

Setting Purpose and options Behavior
Size Size and unit. Responsive
Positive Color Color or supported fill. When: Enable is unset. Shared
Negative Color Color or supported fill. When: Enable is unset. Shared
Background On/off. Shared

Shown when Background is set.

Setting Purpose and options Behavior
Icon Color Color or supported fill. Shared
Padding Padding. Responsive
Radius Radius and unit. Responsive
Setting Purpose and options Behavior
Advanced > Positive Nudge Positive nudge and unit. Responsive
Advanced > Negative Nudge Negative nudge and unit. Responsive

Design > Layout

Setting Purpose and options Behavior
Width Width. Responsive
Text Indent Text indent and unit. Responsive
Space Between Items Space between items and unit. Responsive
Alignment When Vertical Left, Center, Right. When: Stacking ≠ horizontal. Shared
Horizontal On/off. Shared
Alignment Between, Around, Center, Start, End. When: Horizontal is set. Shared
Force Vertical Stacking Breakpoint. When: Horizontal is set. Shared

Design > Typography

Setting Purpose and options Behavior
Typography typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Troubleshooting

An item shows the wrong icon

Review that item's positive/negative setting and the selected Positive Icon and Negative Icon.

The icons do not align with wrapped text

Check Icon and Layout spacing using a long list item.