BadgeComponent

Specifies the alignment of the Badge (see example).

The possible values are:

• { vertical: 'top', horizontal: 'end' }
• { vertical: 'top', horizontal: 'start' }
• { vertical: 'bottom', horizontal: 'start' }
• { vertical: 'bottom', horizontal: 'end' }

Specifies whether or not to render additional cutout border around the Badge (see example).

The possible values are:

• true
• false

Specifies the appearance fill style of the Badge (see example).

The possible values are:

• solid
• outline
• none

Specifies the position of the Badge relative to the edge of the parent container element (see example).

The possible values are:

• edge
• inside
• outside

Specifies the roundness of the Badge (see example).

The possible values are:

• small
• medium
• large
• full
• none

Specifies the size of the Badge (see example).

The possible values are:

• small
• medium
• large
• none

Specifies the theme color of the Badge. The theme color will be applied as background and border color, while also amending the text color accordingly (see example).

The possible values are:

• primary
• secondary
• tertiary
• inherit
• info
• success
• warning
• error
• dark
• light
• inverse
• none