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 Funktionale 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 Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Toggle

Übersicht

Was macht die Komponente?

Bietet dem Benutzer ein Auswahl aus genau zwei Optionen an.

Wann soll die Komponente eingesetzt werden?

Bei Entweder-Oder Auswahl von wichtigen Werten welche prominent angezeigt werden sollen.

Regeln

  • Standardmässig ist immer die erste Option vorausgewählt.
  • Der Text der Optionen kann mehrzeilig sein.
  • Dem Text der Option darf ein Icon zur besseren Verständlichkeit vorangestellt werden.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • First (erstes Option gewählt)
  • Second (zweite Option gewählt)

Varianten

Standard

Darstellung der Komponente Toggle-Button mit der Variante Standard

Mit Icon

Darstellung der Komponente Toggle-Button mit Icons

Mit Infotext

Darstellung der Komponente Toggle-Button mit zusätzlichen Hinweistext

Mit zusätzlichem Eingabekontext

Darstellung der Komponente Toggle-Button mit zusätzlichem Eingabekontext

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen