Skip to main content

Status

Status is a small colored indicator for another element.

Variants

GEL provides 9 different status variants to be used in the system.

Status types

Demo

Status demo

Guidance

  • Status component are to be used with index indicating the purpose of each colored status.
  • Requires further discussion on how to use.

When to use

  • Use status to display the state of any particular element.

Designer assets

figma
Hey Designers, please find the Figma assets here. If you want permission to access the file, please contact Experience Design CoP.

Developer API

Code

Status component is specific to GEL only and is not available in PrimeVue.