Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Zusätzliche Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Übersicht Power-Apps Digitale Werbebanner SAP AI Design: Grundlagen App Icons 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
Darstellung des Sliders

Spezifikationen

Design