KPI Widgets
Component Detail
User Interface
low complexity
frontend
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Componentized, reusable metric cards displayed on the admin dashboard. Each widget renders a single KPI value (e.g., total registered activities, active peer mentors, pending reimbursements, engagement rate) with trend indicators and drill-down links. Designed for extensibility so new KPIs can be added without modifying the dashboard layout.
kpi-widgets
Responsibilities
- Display a single KPI metric with current value, trend delta, and period label
- Show trend direction indicator (up/down/neutral) with accessible color and icon
- Provide a drill-down link navigating to the relevant detail page
- Adapt label terminology to organization-specific labels via the labels system
Interfaces
renderKpiCard(metric, value, trend, linkTarget)
formatMetricValue(value, metricType)
getTrendIndicator(currentValue, previousValue)
handleDrillDownClick(linkTarget)