Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori addizionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Introduzione Releases Design Tokens Componenti Introduzione Base Informations Introduzione Base Componenti Introduzione Power-Apps Banner pubblicitari digitali SAP IA Design : Base. Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English 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

Darstellung eines Sliders, Variante kontinuierlich in horizontaler Ausrichtung


Darstellung eines Sliders, Variante kontinuierlich in vertikaler Ausrichtung


  • 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

Darstellung eines Sliders, Variante diskret in horizontaler Ausrichtung


Darstellung eines Sliders, Variante diskret in vertikaler Ausrichtung


Wertebereich

Darstellung eines Sliders, Variante Wertebereich


Einzelner Wert

Darstellung eines Sliders, bei dem ein einzelner Wert in einem Wertespektrum gesetzt wird


Spezifikationen

Design
Contatto

Avete domande? Forse le nostre FAQ o la nostra guida vi saranno d'aiuto, altrimenti potete inserire la vostra domanda nella board corrispondente su Github.

Impressum Contatto Protezione dei dati Impostazioni dei cookie