Navigieren auf digital.sbb.ch

Beta

Slider

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English Italiano

1. Was macht die Komponente?

  • Ermöglicht eine schnelle die Auswahl eines Wertes innerhalb eines Wertebereichs.

2. Wann soll die Komponente eingesetzt werden?

  • Zur schnellen Auswahl eines Wertes innerhalb eines Wertebereichs.

3. Regeln

  • Das Textfeld zur Anzeige des aktuell gewählten Wertes ist optional.
  • Die Anzeige von min- und max-Werten ist optional.
  • Der Wert kann mittels Drag&Drop oder einem Klick auf den Balken geändert werden.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Hover
  • Pressed
  • Focused
  • Disabled

4.1 Kontinuierlich

Darstellung der Komponente Slider in der Ausprägung kontinuierlich in horizontaler Ausrichtung

Design Spezifikation (Horizontal)

Darstellung der Komponente Slider in der Ausprägung kontinuierlich in vertikaler Ausrichtung

Design Spezifikation (Vertikal)

  • Default

  • Hover

  • Pressed

  • Focused

  • Disabled

  • Diese Ausprägung sollte nicht bei ganz grossen oder sehr kleinen Wertebereichen sondern v.a. bei unpräzisen Wertebereichen verwendet werden (z.B. "leise" - "laut", "wenig" - "viel")

4.2 Diskret

Darstellung der Komponente Slider in der Ausprägung diskret in horizontaler Ausrichtung

Design Spezifikation (Horizontal)

Darstellung der Komponente Slider in der Ausprägung diskret in vertikaler Ausrichtung

Design Spezifikation (Vertikal)

4.3 Wertebereich

Darstellung der Komponente Slider in der Ausprägung Wertebereich

Design Spezifikation

4.4 Einzelner Wert

Darstellung der Komponente Slider bei dem ein einzelner Wert in einem Wertespektrum gesetzt wird

Design Spezifikation