Badge component is a visual indicator for numeric values such as tallies and scores.

BadgeItemProps

A custom label for accessibility purposes. It can also be defined as a builder function
to handle dynamic inner data to create a custom label.

aria-label

Numeric value used as indicator inside the component.

Maximum numeric value to be dispayed as a count value.

Describes the way the component is displayed: relative to another element or just standalone.

Attribute	Type	Description	Default
aria-label	`string \| (({ count, overflowCount }: { count?: number; overflowCount?: number; }) => string)`	A custom label for accessibility purposes. It can also be defined as a builder function to handle dynamic inner data to create a custom label.	`null`
intent	`"main"` \| `"support"` \| `"accent"` \| `"success"` \| `"alert"` \| `"danger"` \| `"info"` \| `"neutral"` \| `"surface"` \| `"basic"`	-	`null`
size	`"sm"` \| `"md"`	-	`null`
count	`number`	Numeric value used as indicator inside the component.	`null`
overflowCount	`number`	Maximum numeric value to be dispayed as a count value.	`null`