Dashboard
Layout container for a responsive grid of ab-dashlet children. Handles grid columns, gap, responsiveness, and optional context propagation — not chart/data logic.
HTML tag: c-ec3568496ccc64003b9a8c71d4d4dda4c
When to use
Section titled “When to use”- multi-panel dashboard layout
- grid of metric/chart tiles
- dashboard with shared context
| Prop | Type | Default | Description |
|---|---|---|---|
title | String | “ | |
columns | Number | 12 | |
gap | Number | 16 | |
responsive | Boolean | true | |
context | Object | [object Object] | |
subtitle | String | “ | |
loading | Boolean | false | |
max_width | Number |
- Layout only — no data fetching or chart configuration here.
- .columns sets the grid track count (default 12).
- Each child should be ab-dashlet with .span (typically 1–4).
- Pass shared filters via .context; dashlets read inherited context.
What to avoid
Section titled “What to avoid”Do not use ab-dashboard as a single-chart wrapper without dashlets. Do not duplicate identical example layouts.