fast-badge component is used to highlight an item and attract attention or flag status.
color attributes of the badge create CSS custom properties which can be used to style the control.
Example custom property map
In addition to the color map support detailed above, the
fast-badge from the Microsoft component implementation (
@fluentui/web-components) includes an attribute to set default appearances which ensure WCAG 2.1 AA contrast requirements.