primitive5 tokens7 stories
Badge
Small status indicator or numeric count overlay attached to another element
Stories
Tokens
Design decisions specific to Badge — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--badge-font-weightfontWeight
{font-weight.medium}500
Badge
--badge-padding-xdimension
{space.2}8px
Badge
--badge-padding-ydimension
{space.1}4px
Badge
--badge-count-sizedimension
20px20px
Badge
--badge-dot-sizedimension
{space.2}8px
Badge