REF LABEL

<RefLabel>ref-label.tsx
G2G

RefLabel md — Avatar + Pill (Right)

D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423

RefLabel md — Avatar + Pill (Left)

L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203

RefLabel sm — Avatar + Pill (Right)

D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423

RefLabel sm — Avatar + Pill (Left)

L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203

RefLabel Vivid md — Avatar + Pill (Right)

D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423
D
12,423

RefLabel Vivid sm — Avatar + Pill (Right)

L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203
L
14,203

RefLabel Minimal — Default md + sm

12,423
12,423
12,423
12,423
12,423
12,423
12,423
14,203
14,203
14,203
14,203
14,203
14,203
14,203

RefLabel Minimal — Vivid md + sm

12,423
12,423
12,423
12,423
12,423
12,423
12,423
14,203
14,203
14,203
14,203
14,203
14,203
14,203

Simulated Chart Edge

Labels anchored to the right edge of a simulated chart area alongside dashed reference lines.

D
12,423
L
14,203

On Card Surface

Default Card — md

D
12,423
L
14,203

Static Card — sm

D
8,210
L
3,102

RefLabel LG / XL — Stacked Pill (Right)

lg — vivid

D
Donut12,423 avg
L
Lols14,203 avg

lg — gradient

D
Donut12,423 avg
L
Lols14,203 avg

xl — vivid

D
Donut12,423 avg
L
Lols14,203 avg

xl — gradient

D
Donut12,423 avg
L
Lols14,203 avg

RefLabel LG / XL — Stacked Pill (Left)

lg — vivid

D
Donut12,423 avg
L
Lols14,203 avg

lg — gradient

D
Donut12,423 avg
L
Lols14,203 avg

xl — vivid

D
Donut12,423 avg
L
Lols14,203 avg

xl — gradient

D
Donut12,423 avg
L
Lols14,203 avg

Chip-Chart

Avatar legend chips for chart series

A — Plain

D
Donut12,423 avg
L
Lols14,203 avg

B — Pill hover

D
Donut12,423 avg
L
Lols14,203 avg
D
Donut12,423 avg
L
Lols14,203 avg

C — Compact pill

DDonut12,423
LLols14,203