Skip to content

Badge

Badges bring the user's attention to something.

Usage

Badges will use the "default" variant by default, but you can customise or add variants using the theme (see below).

Default

Variations

Custom Variant

Badge can be customised in your theme using a variant.

Gold

Properties

NameValuesDefault

variant

default

default

...

JSX.IntrinsicElements["span"]

Tokens