Hover Card Stats 4 - Performance stats

Pro

Hover card with latency, uptime, or throughput performance figures.
Shadcn Hover Card Stats 4 component

Component data

ID
hover-card/hover-card-stats-4
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Hover Card Stats 4 component design & features

This example displays performance metrics such as p95 latency, error rate, and uptime inside HoverCardContent on status dot or service name triggers in ops dashboards.

Performance stats cards give SRE and developer tools contextual numbers on service rows. Hover reveals SLI detail without navigating away from the incident board.