Skip to content


  • Stable
  • Not reviewed for accessibility

Use state labels to inform users of an item's status. States are large labels with bolded text. The default state has a gray background. States come in a few variations that apply different colors. Use the state that best communicates the status or function.

  • State
  • State State--draft
  • State State--open
  • State State--merged
  • State State--closed

Small states

Use State--small for a state label with reduced padding a smaller font size. This is useful in denser areas of content.

Edit this page on GitHub
1 contributorsimurai
Last edited by simurai on December 16, 2022