# Promotion-Box.

## Übersicht

### Was macht die Komponente?

- Weist auf eine Veränderung innerhalb der App hin.

### Wann soll die Komponente eingesetzt werden?

- Bei der Einführung einer neuen Funktion.
- Bei einer grossen Veränderung innerhalb der App.

### Regeln

- Die Promotion-Box lässt sich einmal schliessen und erscheint nicht mehr.
- Beschreibungstext hat maximal 3 Zeilen, zusätzliche Informationen werden in einem Bottom-Sheet angezeigt.

## Varianten

### Varianten

Die Komponente hat folgende Varianten:

- Close-Button: Optional
- Detail-Link: Optional

#### Promotion-Box

![Promotion-Box](https://digital.sbb.ch/assets/images/mobile/promotion-box-light.webp "Promotion-Box")

![Promotion-Box](https://digital.sbb.ch/assets/images/mobile/promotion-box-dark.webp "Promotion-Box")

### Spezifikationen

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

---

Source: https://digital.sbb.ch/de/design-system/mobile/components/promotion-box/