# Toast.

## Overview

### What does the component do?

- Display of status messages of the system.

### When should the component be used?

- For immediate display of messages.

### Rules

- The text must not exceed two lines.
- The toast is centred at the bottom of the screen.
- The toast automatically disappears.
- Display time depends on the length of the text.

## Variants

### Variants

The component has the following variants:

- Action: Optional

#### Default

![Visual design of a Toast message](https://digital.sbb.ch/assets/images/mobile/toast-light.webp "Visual design of a Toast message")

![Visual design of a Toast message](https://digital.sbb.ch/assets/images/mobile/toast-dark.webp "Visual design of a Toast message")

### Specification

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

---

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