--- title: Labels path: stickersheet/labels status: Stable source: 'https://github.com/primer/css/tree/main/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
Hello world
Hello world
Hello world
Hello world
Hello world
Hello world
Gray Default Dark gray Pending Warning Error Success Info
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 ```