Use a status tag to tell the user the status of a task.
To tell the user what stage a website or service is in, use the phase banner
How to use this component
Unless the context of the status indicator makes its use clear and obvious to sighted users, it should be displayed alongside a relevant and consistent label.
For example, an “Info (neutral)” status indicator could be displayed on its own alongside unread messages in a list, to indicate their “unread” status.
type to set the colour of the status indicator.
This lets the user know when something is live, complete or successful.
This lets the user know when something is not ready and is waiting for a process or action to be completed.
This lets the user know when something is inactive or has not been started.
This lets the user know when there is an error.
This lets the user know when something is new, ready or unread.
Each status “dot” has a small variant which you can use by setting
size to “small”.