Badge

The Badge component shows a small badge on its child.

Default Badge

0

Badge with Max Count

20+

Badge in Different Position

5
5
5
5

Props

Explore the available props for the Badge component

PropTypeDefaultDescription
badgeValuenumber0The badgeValue rendered within the badge.
maxCountnumber-Max count to show.
positionstringtop rightWhere to show the Badge.
childrennode-Child components and badgeValue to be placed within it.
stylestring-Any CSS className to style the Badge.
badgeStylestring-Any CSS className to style the Badge badgeValue.