Skip to Main Content

Pelican Design System icon Pelican Design System Status

Status

Use Status to present concise messages about system or data status.

On this page:

Best Practice

  • Status presents concise system or data status messages to the user.
  • It inherits its style from Alerts.
  • Keep the text in it short and succint, one or two short words.
  • Use one Status per unit of data: example, one per card.
  • Choose an icon which supports the meaning of the text, and use the icon accessibly.
  • It’s different from Alerts because it doesn’t apply to the whole screen.
  • It’s different from Badges because only one Status is used at a time on something.

Usage

Resources

Page top