mirror of
https://github.com/primer/css.git
synced 2024-11-11 15:16:03 +03:00
27 lines
613 B
Markdown
27 lines
613 B
Markdown
|
---
|
||
|
|
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 %}
|