KPI Stat Card Widget
Component Detail
User Interface
low complexity
Shared Component
frontend
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Reusable stat card component rendering a single KPI metric with its label, value, and trend indicator. Supports skeleton loading state and graceful error state when an individual card fetch fails.
kpi-card-widget
Responsibilities
- Render KPI value, label, and optional trend indicator
- Display skeleton placeholder during loading
- Show error fallback if the individual metric query fails
Interfaces
KpiStatCard({kpi: KpiMetric, loading: boolean, error?: string})