Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Stats Grid

Stats Grid

Stats Grid displays multiple statistic items in a coordinated layout. Use it for a small set of figures with labels and optional icons.

Add and configure Stats Grid

  1. Click Add, choose Stats Grid, and place it in the container.
  2. Populate Content > Content > Items.
  3. Configure Design > Layout and Items.
  4. Style Icon, Typography, and Spacing.
  5. Save your changes.
Stats Grid controls in the Breakdance editor
Stats Grid 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
Items Add, edit, remove, and reorder items. Shared
Items > Icon Icon. Shared
Items > Number Enter the number. Shared
Items > Text Visible text. Shared

Design > Layout

Setting Purpose and options Behavior
Items Per Row Set the numeric items per row value. Responsive
Width Width. Responsive

Design > Items

Setting Purpose and options Behavior
Content Alignment Left, Center, Right. Responsive
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls

Design > Icon

Setting Purpose and options Behavior
Color Color or supported fill. Shared
Size Size and unit. Responsive
Style None, Solid, Outline. Shared
Corners Square, Round, Custom. When: Style = Solid, Outline. Shared
Radius Radius and unit. When: Corners = Custom. Shared
Padding Padding. When: Style = Solid, Outline. Responsive
Background Color or supported fill. When: Style = Solid, Outline. Shared
Border Color or supported fill. When: Style = Outline. Shared
Outline Width Outline width and unit. When: Style = Outline. Responsive
Nudge > X X and unit. When: Style = Solid, Outline. Responsive
Nudge > Y Y and unit. When: Style = Solid, Outline. Responsive

Design > Typography

Setting Purpose and options Behavior
Number typography controls. See linked controls
Text typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Wrapper spacing controls. See linked controls
Between Items Between items and unit. Responsive
After Icon After icon and unit. Responsive
After Number After number and unit. Responsive

Troubleshooting

The statistics wrap unevenly

Review layout, item width, and typography using the longest label.

A figure is out of date

Update the corresponding Items entry or its data source and verify the displayed value.