Skip to content

Search

Badge

ComponentFeedback Source

A small label. The categorical tones tell groups apart; pair them with text, never colour alone.

Badge(props: BadgeProps): Element

Props

toneoptionalBadgeTone

Defaults to neutral. Use dataTone(index) for categories.

classoptionalstring
childrenrequiredComponentChildren

design-system is a Ben Hodgson projectGitHub