# Slider.

## Übersicht

### Was macht die Komponente?

- Die Komponente dient zur Eingabe eines Werts innerhalb einer definierten Spannweite.
- Icons am Anfang und Ende des Elements informieren über die definierte Spannweite.

### Wann soll die Komponente eingesetzt werden?

- Die Komponente lässt den Nutzer einstellen, welcher Wert seinem Wunsch entspricht.

### Regeln

- Der Slider hat eine vorgegebene Anzahl an Auswahlmöglichkeiten.
- Am Anfang und am Ende steht ein Icon.

## Varianten

### Zustände

DIe Komponente hat folgende Zustände:

- Default
- Disabled

### Varianten

#### Default

![Darstellung des Sliders](https://digital.sbb.ch/assets/images/mobile/slider-light.webp "Slider")

![Darstellung des Sliders](https://digital.sbb.ch/assets/images/mobile/slider-dark.webp "Slider")

### Spezifikationen

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

---

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