StatsSummary (Next)
Metric table: layout statsItems.columns[] defines labels and field name keys; channel data.value supplies row values.
Summary
| Value | |
|---|---|
| Layout id | StatsSummary |
| Widget config | statsItems |
| Channel shape | value |
Migration status
migrated , reference: tools/arbex/reference/next/StatsSummary.json (4-blocks separate columns mock). See Dataservice migration status.
Layout
| Field | Description |
|---|---|
channels | One channel per table |
statsItems.columns[] | label, name, optional unit, subtitle, column |
statsItems.areSeparateColumns | When true, each column is its own block |
statsItems.columnCount | When greater than 1, metrics render as a CSS grid of that many columns. Ignored when rowColumnCounts is set. |
statsItems.rowColumnCounts | Row-group column counts. [3, 2] places the first 3 metrics in a 3-column row (third width), then wraps remaining metrics in a 2-column grid (half width). Last entry consumes leftovers. |
statsItems.position | Layout ordering hint |
Data contract
| Shape | Payload |
|---|---|
value | data.value keys match columns[].name. Optional table: { columns, rows } renders a nested two-axis table under the metrics (for example EA Type / EA Time). |
Storybook: Organisms/Stats/StatsSummary/SessionSummaryGrid and VignetteSummaryWithTable.
Example
StatsSummary.json. Weather overview variants also appear in mock layout. RAG: tools/arbex/rag/reference/components/StatsSummary.md.
Related
- Next components index
- ComposableChart ,
staticslice can render StatsCard payloads - RAG:
tools/arbex/rag/reference/components/StatsSummary.md