# Status indicator

Status indicators communicate the status of an object, action, or process, including success, failure, error, and other informational states.

## Best practices

### Do

- Place the indicator on or near the component it describes.
- Use semantic color intentionally to communicate importance and next steps.
- Use short, descriptive text that names the state or status.

### Don't

- Mix indicator sizes in the same context.
- Use labels long enough to truncate.

## Behavior and states

- It consists of icon and text which reinforces each other’s meaning.

## Resources

- [Figma component](https://www.figma.com/design/eXfSQrRg3poHRgmr0ivN5V/CoreAI-Figma-Library?node-id=326713-271)
- [Fluent badge guidance](https://fluent2.microsoft.design/components/web/react/core/badge/usage)