MetricGroup
Horizontal arrangement of KpiTiles separated by dividers
SSR mode
Examples
Four tiles in a row
Total revenue
$84,320
+12.3%
Monthly users
12,480
+8.4%
Bounce rate
54.2%
-3.1%
Avg session
3m 42s
Three tiles, borderless group
New signups
320
+5.2%
Churned
14
-2.1%
Net growth
+306
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| MetricGroup | A flex container that arranges KpiTile children side-by-side with dividers between them. When Borders is true (the default), the group draws its own outer border and rounds the corners — children KpiTiles should set Borders=false to avoid a doubled border effect. Wrapper-styling. |
MetricGroup
A flex container that arranges KpiTile children side-by-side with dividers between them. When Borders is true (the default), the group draws its own outer border and rounds the corners — children KpiTiles should set Borders=false to avoid a doubled border effect. Wrapper-styling.
| Property | Type | Required | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | KpiTile children (or any content) to arrange horizontally. Typically a set of KpiTile components. | |
| Borders | bool | Toggles border border-border rounded-lg overflow-hidden on the group wrapper. Default: true. When true, children KpiTiles should set Borders=false to prevent double borders. | |
| BgFilled | bool | Toggles bg-background. Default: true. |