Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
appearance
default | subtle
visual style (from Badge.appearances)
default
color
gray | green | yellow | red | blue
badge color (from Badge.colors)
gray

In either solid or stroked styles. The stroke appearance should not be used with the light theme

Colors come from the Design System. Semantics come from your heart.

To get the light colors, Badge.appearances.subtle must be used.