The basic type of Badge is count. The dot property changes a badge into a small dot. The two are mutually exclusive, giving priority to rendering dot. When passed in a node type, the node will be rendered directly.

You can use the overflowCount property to cap the number value of the badge content. When the actual value exceeds that value, it will be formatted into ${overflowCount}+.

You can use the position property to set the position of the badge to its children. The prop uses one of: leftTop, leftBottom, rightTop(default), rightBottom.

You can use the theme and type prop to customize the styling. theme supports the following values: solid(default), light, inverted.

type support the following values: primary(default),secondary,tertiary,warning and danger.

Badge can be used alone when it is a stand-alone element.