The badge is a component indicating a status on a related item or an area where some active indication is required.
Slots
default — Default slot for the badge content.
CSS Parts
base — The base wrapper of the badge.
icon — The icon container, present when an igc-icon element is slotted.

Properties

Section titled "Properties"

dot

Section titled "dot"

Sets whether to render a dot type badge. When enabled, the badge appears as a small dot without any content.

 
dot: boolean

outlined

Section titled "outlined"

Sets whether to draw an outlined version of the badge.

 
outlined: boolean

shape

Section titled "shape"

The shape of the badge.

 
shape: BadgeShape

variant

Section titled "variant"

The type (style variant) of the badge.

 
variant: StyleVariant