Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
  • Status light

    Spectrum docs

    Status lights describe the condition of an entity. They can be used to convey semantic meaning, such as statuses and categories.

    Property Type Values Default Required Description
    label string - - Yes -
    variant string informative, neutral, positive, notice, negative, indigo, celery, chartreuse, yellow, magenta, fuchsia, purple, seafoam, pink, turquoise, cinnamon, brown, silver, gray, red, orange, green, cyan informative No -
    size string s, m, l, xl m No -