Badge

A small count or status dot pinned to the corner of whatever it wraps, for things that need noticing without being read.

Anotomy

Structure of the badge and how its internal parts are composed. These are the badge's semantic parts, so they are also what the classNames and styles objects accept.
Badge anotomy
NameDescription
1rootThe wrapper around the element you badge. It takes the child's size, so the indicator lands on the child's corner. Without children it holds the indicator on its own.
2indicatorThe count, dot or status mark, from count, dot or status. It sits on the top-right corner, offset moves it, and a count of 0 hides it unless showZero is set.