Slider – digital.sbb.ch

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?

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

Wann soll die Komponente eingesetzt werden?

Zur schnellen Auswahl eines Wertes innerhalb eines Wertebereichs.

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.

Varianten

Zustände

Die Komponente hat folgende Zustände:

Default
Hover
Pressed
Focused
Disabled

Varianten

Kontinuierlich

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

Diskret

Wertebereich

Einzelner Wert

Spezifikationen

Design

Haben Sie Fragen? Evtl. Hilft unser FAQ oder unsere Hilfe weiter, ansonten können Sie Ihre Frage gerne im entsprechenden Board auf Github platzieren.

Impressum

Kontakt

Datenschutz

Cookie Einstellungen