# Promotion-Box.

## Overview

### What does the component do?

- Indicates a change within the app.

### When should the component be used?

- When introducing a new function.
- In the event of a major change within the app.

### Rules

- The Promotion-Box can be closed once and no longer appears.
- Description text has a maximum of 3 lines, additional information is displayed in a bottom sheet.

## Variants

### Variants

The component has the following variants:

- 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/en/design-system/mobile/components/promotion-box/