Badge matrix
Variant
Light
Dark
HC Solar Light
HC Solar Dark
primary → Size
sm
Beta
Beta
Beta
Beta
md
Beta
Beta
Beta
Beta
lg
Beta
Beta
Beta
Beta
primary → Shape
pill
Beta
Beta
Beta
Beta
circle
9
9
9
9
primary → Combinations
sm + pill
Beta
Beta
Beta
Beta
sm + circle
9
9
9
9
md + pill
Beta
Beta
Beta
Beta
md + circle
9
9
9
9
lg + pill
Beta
Beta
Beta
Beta
lg + circle
9
9
9
9
success → Size
sm
Beta
Beta
Beta
Beta
md
Beta
Beta
Beta
Beta
lg
Beta
Beta
Beta
Beta
success → Shape
pill
Beta
Beta
Beta
Beta
circle
9
9
9
9
success → Combinations
sm + pill
Beta
Beta
Beta
Beta
sm + circle
9
9
9
9
md + pill
Beta
Beta
Beta
Beta
md + circle
9
9
9
9
lg + pill
Beta
Beta
Beta
Beta
lg + circle
9
9
9
9
warning → Size
sm
Beta
Beta
Beta
Beta
md
Beta
Beta
Beta
Beta
lg
Beta
Beta
Beta
Beta
warning → Shape
pill
Beta
Beta
Beta
Beta
circle
9
9
9
9
warning → Combinations
sm + pill
Beta
Beta
Beta
Beta
sm + circle
9
9
9
9
md + pill
Beta
Beta
Beta
Beta
md + circle
9
9
9
9
lg + pill
Beta
Beta
Beta
Beta
lg + circle
9
9
9
9
danger → Size
sm
Beta
Beta
Beta
Beta
md
Beta
Beta
Beta
Beta
lg
Beta
Beta
Beta
Beta
danger → Shape
pill
Beta
Beta
Beta
Beta
circle
9
9
9
9
danger → Combinations
sm + pill
Beta
Beta
Beta
Beta
sm + circle
9
9
9
9
md + pill
Beta
Beta
Beta
Beta
md + circle
9
9
9
9
lg + pill
Beta
Beta
Beta
Beta
lg + circle
9
9
9
9
info → Size
sm
Beta
Beta
Beta
Beta
md
Beta
Beta
Beta
Beta
lg
Beta
Beta
Beta
Beta
info → Shape
pill
Beta
Beta
Beta
Beta
circle
9
9
9
9
info → Combinations
sm + pill
Beta
Beta
Beta
Beta
sm + circle
9
9
9
9
md + pill
Beta
Beta
Beta
Beta
md + circle
9
9
9
9
lg + pill
Beta
Beta
Beta
Beta
lg + circle
9
9
9
9