# Status.

## Overview

### What does the component do?

- Display of a process.

### When should the component be used?

- For processes that have at least two steps.

### Rules

- Used for a minimum of two and a maximum of six steps.
- Completed steps are marked.

## Variants

### States

The component has the following states:

- Alert
- Warning
- Success
- Information

### Variants

The component has the following variants:

- Icon mit Text
- Icon ohne Text

#### Status with Text

![Status, with Text](https://digital.sbb.ch/assets/images/mobile/status-with-text-light.webp "Status, with Text")

![Status, with Text](https://digital.sbb.ch/assets/images/mobile/status-with-text-dark.webp "Status, with Text")

#### Status without Text

![Status, without Text](https://digital.sbb.ch/assets/images/mobile/status-without-text-light.webp "Status, without Text")

![Status, without Text](https://digital.sbb.ch/assets/images/mobile/status-without-text-dark.webp "Status, without Text")

### Specification

[Design](https://www.figma.com/design/ZBotr4yqcEKqqVEJTQfSUa/Design-System-Mobile?node-id=321-7778&t=N7M8b5Y9aIJc4LzY-1)

---

Source: https://digital.sbb.ch/en/design-system/mobile/components/status/