# Tabbar.

## Übersicht

### Was macht die Komponente?

- Die Komponente dient zur Orientierung und Navigation.

### Wann soll die Komponente eingesetzt werden?

- Die Komponente erscheint auf jeder Seite am unteren Bildschirmrand.

### Regeln

- Die Tabbar navigiert zwischen den Tabs.
- Jedes Tab wird mit einem Icon und einem Label in der Tabbar abgebildet.
- Die Tab-Labels sind immer einzeilig.

## Varianten

### Varianten

#### Default

![Darstellung der Tabbar](https://digital.sbb.ch/assets/images/mobile/tabbar-light.webp "Tabbar")

![Darstellung der Tabbar](https://digital.sbb.ch/assets/images/mobile/tabbar-dark.webp "Tabbar")

### Spezifikationen

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

---

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