---
layout: page
title: States
---

States, or state indicators, inform users of the current status of a particular item. Included common states are Open, Closed, or Merged, each requiring it's own modifier class.

### Open (green)

{% example html %}
<span class="state state-open">Open</span>
<span class="state state-proposed">Open</span>
<span class="state state-reopened">Open</span>
{% endexample %}

### Closed (red)

{% example html %}
<span class="state state-closed">Closed</span>
{% endexample %}

### Merged (purple)

{% example html %}
<span class="state state-merged">Merged</span>
{% endexample %}