# Context-Menu.

## Overview

### What does the component do?

- It displays context-specific functions.

### When should the component be used?

- For supplementary functions or pages.

### Rules

- The context menu must have at least two functions.
- The menu entries always have an icon and a text.

## Variants

### States

The component has the following states:

- Closed
- Open

### Variants

#### Default

![Image of the context menu](https://digital.sbb.ch/assets/images/mobile/context-menu-light.webp "Context menu")

![Image of the context menu](https://digital.sbb.ch/assets/images/mobile/context-menu-dark.webp "Context menu")

### Specification

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

---

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