GoAsk Design System
Stats

StatCard

A headline number with a round icon tile (BWA's My Courses card): optional corner badge, delta pill and sparkline.

React · shadcn/uiCSS · no build

React

shadcn/ui + Tailwind v4
5
Products live
12no change
Open PRs
31.5▲ 4.5
Hours this week
2▲ 1
CI checks failing

CSS

CSS, no build
5
Products live
12no change
Open PRs
31.5▲ 4.5
Hours this week
2▲ 1
CI checks failing

tone: accent | ok | warn | danger | neutral. badge: check | lock | clock (badgeTone overrides its colour). trend sets the arrow; invert says an increase is bad, so failing checks going up turn red. No chart library: fine in a server page.