Dashboard 02 - Analytics
v0.1.2Content-only analytics layout: KPI strip, then a data table beside a radial-gauge health panel. Mounts inside any shell; gauges stack below xl.
Preview
Install & usage
npx shadcn@latest add @signalos/dashboard-02Pulls the page source plus its widget dependencies (@signalos/tokens, @signalos/utils, @signalos/skeleton, @signalos/circular-progress, @signalos/data-table, @signalos/metric-tile) into your app - you own the copy. Requires access.
usage
// after: npx shadcn@latest add @signalos/dashboard-02
// mount the pulled page in a route, e.g. src/app/dashboard/page.tsx
import { Dashboard02 } from "@/components/blocks/dashboard-02/Dashboard02"
export default function Page() {
return <Dashboard02 />
}Props
Dashboard02Gauge
| Prop | Type | Default | Description |
|---|---|---|---|
| label* | string | - | Label under the gauge, e.g. "SLA compliance". |
| value* | number | - | 0–100. |
| colorClass | string | undefined | "text-primary" | Tailwind text-* class for the arc. |
| caption | string | undefined | - | Small caption under the label, e.g. "target 95%". |
Dashboard02Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pageTitle | string | undefined | "Analytics" | |
| pageSubtitle | string | undefined | - | |
| actions | ReactNode | - | Right-aligned header slot (timeframe picker, export button). |
| metrics* | MetricTileProps[] | - | KPI strip (max 3 recommended - sits above the two-column area). |
| gauges* | Dashboard02Gauge[] | - | Radial gauges rendered in the side panel. |
| gaugesTitle | string | undefined | "Health" | |
| tableTitle | string | undefined | - | Table card. |
| columns* | ColumnDef<TData, TValue>[] | - | |
| rows* | TData[] | - | |
| pagination | PaginationConfig | undefined | - | |
| onRowClick | ((row: TData) => void) | undefined | - | |
| emptyMessage | string | undefined | "No data for this period." | |
| isLoading | boolean | undefined | - | |
| error | DataTableErrorConfig | null | undefined | - | |
| className | string | undefined | - |
More Dashboards variants
Changelog
dashboard-02
0.1.2
- Content sync fix to bring source in line with published registry payload.
0.1.1
- Standardize inline comment formatting (em dash → hyphen); no runtime or API change.
0.1.0
- Initial release: analytics page variant - KPI strip + table + radial-gauge health panel, content-only (bring your own shell), generic over the row type.