Unify Applications
Logo
Multi Stats Card

Multi Stats Card

Logo

4 mins READ

The Multi Stats Card block shows one headline metric with a list of smaller secondary stats underneath, each separated by a divider — a KPI card with its breakdown in one tile. Every stat, primary or secondary, has the same settings as a Stat Card: a title, a value, a type with its own formatting, an optional trend badge, prefix and suffix text, and threshold-based coloring.

multi_stats_card.png
multi_stats_card.png

Common use cases include total orders with counts for critical, exceptions and unassigned orders, or revenue with a row per region.

Note: Use a Stat Card when you need a single metric with no breakdown. Use a Multi Stats Card when one metric and its breakdown belong together in one block.

The Primary Stat

The primary stat's settings sit at the top of the Content panel. It renders large, with the title above the value.

Setting

Description

Title

The stat's title.

Description

Optional text under the value.

Value

The metric itself, usually bound to your data.

Type

How the value is formatted: Currency, Number, Percent, String or Duration. Each type shows its own formatting fields — for example, decimal places and notation for Number and Percent, Currency Code for Currency, Transform for String, and Max Significant Units and Precision for Duration.

Trend Color

Colors the value by comparing it to the threshold.

Threshold

The comparison point. Appears when Trend Color is on.

Invert trend

Flips which side of the threshold counts as good. Appears when Trend Color is on.

Add-ons

Trend (a badge with its own value, shown with arrows or a +/- sign), Prefix Text and Suffix Text. The Trend add-on has its own Trend color, Threshold and Invert trend settings, separate from the stat's.

Secondary Stats

Secondary Stats is the list of smaller stats under the primary one. Each item opens a panel with the same settings as the primary stat, plus its own label, value and description text styles. Secondary stats render as compact rows, each with a divider above it.

Other Settings

Setting

Where

Description

Interactions

Content

On Click. See Events below.

Permissions

Content

Restrict who sees the block.

Label, Value, Description

Appearance

Text styles for the title, value and description.

Visibility

Appearance

Show or hide the block.

Styles

Appearance

Width, height, padding, gap, stroke, radius, color and more.

Events

Event

Trigger

On Click

Any stat on the card — primary or secondary — is clicked. The handler's actions receive the clicked stat as field: read {{ field.label }} for its title and {{ field.value }} for its value.

Note: There is one On Click for the whole card, not one per stat. To react differently per row, branch on {{ field.label }} in your actions, for example with a run condition on each action.

Exposed State

The Multi Stats Card has no state of its own. Other blocks can read its resolved content, for example:

Binding

Type

Description

{{ id.content.label }}

string

The primary stat's title

{{ id.content.value }}

string or number

The primary stat's value

{{ id.content.secondaryStats }}

array

The secondary stats, each with its own label and value

Adding a Multi Stats Card

  1. Drop the block: Drag Multi Stats Card onto the canvas. It arrives with a sample "Orders" stat and three secondary stats.

  2. Set the primary stat: In the Content panel, set Title, Type and Value, and bind the value to your data.

  3. Add secondary stats: Under Secondary Stats, add or edit an entry for each breakdown row, and set its title, type and value.

  4. Show a trend (optional): Under Add-ons, turn on Trend and bind it to the change you want to show.

Examples

Example: Order health tile

Set the primary stat's Title to "Orders" and Type to Number, and bind Value to your total. Add secondary stats "Critical", "Exceptions" and "Unassigned", each bound to its count. Turn on the Trend add-on for week-over-week change. In On Click, add a Go to Page action that opens your orders page and passes {{ field.label }} as a page input (for example status), so the list opens filtered by the stat the user clicked.

Page

Relationship

Stat Card

Single metric block — use when one metric needs to stand alone prominently. It documents the per-stat settings in more detail

Line & Area Charts

Full-size charts for trends over time, alongside point-in-time numbers