# Sidebar

This page is not available in the requested language. Available languages: [Deutsch](https://digital.sbb.ch/de/design-system/maps/components/sidebar) 

# Sidebar.

## Übersicht

### Verwendung

Sind zu einem Map Marker zusätzliche Informationen vorhanden, können diese in einer Sidebar dargestellt werden.

### Regeln

- Die Sidebar erscheint am linken Rand und entspricht der Kartenhöhe. Bei kleinen Screens wird der Inhalt in einer Box am unteren Bildrand dargestellt - analog Pop-Up und Cards. Die Höhe ist nicht beschränkt.
- Ein Kreuz in der oberen rechte Ecke ermöglicht die Schliessung der Sidebar.
- Wird ein weiterer Marker ausgewählt, bleibt die Sidebar geöffnet und der Inhalt wird ersetzt.

## Varianten

### Varianten

Die Komponente hat folgende Varianten:

- Mode: Light/Dark
- Breakpoint: Mobile/Dekstop

#### Desktop

![Darstellung des Primary Button](https://digital.sbb.ch/assets/images/maps/maps-sidebar-desktop-light.webp "Darstellung des Primary Button")

![Darstellung des Primary Button](https://digital.sbb.ch/assets/images/maps/maps-sidebar-desktop-dark.webp "Darstellung des Primary Button")

#### Mobile

![Darstellung des Primary Button](https://digital.sbb.ch/assets/images/maps/maps-sidebar-mobile-light.webp "Darstellung des Primary Button")

![Darstellung des Primary Button](https://digital.sbb.ch/assets/images/maps/maps-sidebar-mobile-dark.webp "Darstellung des Primary Button")

---

Source: https://digital.sbb.ch/en/design-system/maps/components/sidebar/