---
layout: default
title: Labels
parent: UI Components
nav_order: 3
---

# Labels

Use labels as a way to add an additional mark to a section of your docs. Labels come in a few colors. By default, labels will be blue.

<div class="code-example" markdown="1">

Default label
{: .label }

Blue label
{: .label .label-blue}

Stable
{: .label .label-green}

New release
{: .label .label-purple}

Coming soon
{: .label .label-yellow}

Deprecated
{: .label .label-red}

</div>
```markdown

Default label
{: .label }

Blue label
{: .label .label-blue}

Stable
{: .label .label-green}

New release
{: .label .label-purple}

Coming soon
{: .label .label-yellow}

Deprecated
{: .label .label-red}

```