Badges

Badge

Badge generates a small badge to the top-right of its child(ren).

Simple Badges

Examples of badges containing text, using primary and secondary colors. The badge is applied to its children.

410

Typography

4
4

Badge visibility

The visibility of badges can be controlled using the invisible property.

4

Customized Badge

If you have been reading the overrides documentation page but you are not confident jumping in, here is one example of how you can change the badge position.

⚠️ While the material design specification encourages theming, this example is off the beaten path.