Cards & Controls

InsightCards

A responsive grid of metric cards each with a title, description, trend indicator, and a mini inline SVG chart (bar, line, or area).

Preview:
1280px

API Requests

25%

Total requests this week

MonTueWedThuFriSatSun

Latency (p95)

2%

Milliseconds over 7 days

MonTueWedThuFriSatSun

Token Usage

13%

Tokens consumed (millions)

MonTueWedThuFriSatSun

Donut Chart

Traffic
Web45%
Mobile30%
API25%

Gauge Chart

CPU Usage

0100
7373% of 100

Props

PropTypeDefaultDescription
insightsInsightItem[]-Array of insight card definitions.