--- title: Labels path: stickersheet/labels status: Stable source: 'https://github.com/primer/css/tree/master/src/labels' bundle: labels --- ```html live

The base label component styles the text, adds padding and rounded corners, and a border. Labels come in various themes which apply different colors.

Hello world

Gray Default Dark gray Pending Warning Error Success Info

Primer 🐻 Next

Primer 🐻 Next ``` ### States ```html live Default Open Closed

Default Open Closed ``` ### Counters ```html live 1 23 456

1.5K 10 👍 2 22 22 22

1 23 456 1.5K

1 23 456 1.5K ``` ### Diffstat ```html live 6

+7 −2 ```