---
layout: post
title:  "Labels"
subtitle: "Labels are standalone inline-block elements useful for highlighting information, and conveying interface feedback"
categories: components
permalink: /components/labels/
---
<div class="pattern">
<span class="label label--success">Collaborator</span>
  <span class="label label--warning">Connection Timeout</span>
  <span class="label label--danger">Error</span>
  <span class="label label--information">Information</span>
  <span class="label label--beta">Beta</span>
</div>

``` html
<span class="label label--success">Connected</span>
<span class="label label--warning">Connection Timeout</span>
<span class="label label--danger">Error</span>
<span class="label label--information">Information</span>
<span class="label label--beta">Beta</span>
```