build69
build69  /  Components  /  App  /  DashboardPage

DashboardPage

v2.0.14Updated 20 Oct 2026

Composed example dashboard: StatCard row, two-column charts + activity, recent records table. Reference for building your own dashboard.

View source← Back to catalog

Preview

Live · 7 stories
DefaultOpen ↗
▸Why this is recommendedpagedashboardexamplestats+1

The default, out-of-the-box DashboardPage.

Recommended for+14
  • ✓Reference for assembling KPI dashboards
Tags+6
pagedashboardexamplestatsdefault
Features+4
  • i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
  • StatCard row at top
  • Sparkline-driven charts column
  • Activity / Timeline column
  • Recent records DataTable
Not recommended for−2
  • ✕Direct embedding — clone and customise instead

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "DashboardPage" })

Usage

import { DashboardPage } from '@/components/pages/DashboardPage';

<DashboardPage />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
labels

Override every built-in string and aria-label (i18n). Merged over DEFAULT_DASHBOARD_PAGE_LABELS (76 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.

Partial<DashboardPageLabels>—
topCustomers

The top-customers card's rows; defaults to the demo customers, whose totals carry `labels.currencyPrefix`.

ReadonlyArray<DashboardTopCustomer>—

Related

Platform docsAll componentsSource files