---
components: Badge
---

# Badge

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

## Simple examples

Two examples of badges containing text, using primary and secondary colors. The badge is applied to its children - an icon for the first example, and an Icon Button with tooltip for the second.

{{demo='pages/component-demos/badges/SimpleBadge.js'}}