Dashboard
DashboardMetrics
Configurable metrics grid displaying key admin KPIs as stat cards.
DashboardMetrics
Renders a responsive grid of metric stat cards — total users, MRR, open tickets, and other configurable KPIs — sourced from the dashboard metrics API endpoint.
Components
<XAdminDashboardMetrics />
Displays a configurable grid of admin KPI cards with values, labels, trend indicators, and icons.
<XAdminDashboardMetrics />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
metrics | MetricItem[] | undefined | Override metric items (if not fetching from API) |
endpoint | string | '/api/admin/dashboard/metrics' | API endpoint to fetch metric data |
loading | boolean | false | Show loading skeleton |
columns | number | 4 | Number of grid columns |
Types
interface MetricItem {
label: string
value: string | number
trend?: number // percentage change, positive or negative
icon?: string // heroicons name
color?: string // tailwind color class
}
AI Context
component: XAdminDashboardMetrics
package: "@xenterprises/nuxt-x-app-admin"
category: Dashboard
use-when: Displaying a grid of key performance indicators at the top of an admin dashboard