States

States

ScaffoldingLayoutType | ButtonsFormsNavigationAlertsBlankslateAvatarsStatesTooltipsUtilitiesCode GuidelinesColors

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)

Open Open Open
<span class="state state-open">Open</span>
<span class="state state-proposed">Open</span>
<span class="state state-reopened">Open</span>

Closed (red)

Closed
<span class="state state-closed">Closed</span>

Merged (purple)

Merged
<span class="state state-merged">Merged</span>