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 Zoom

Übersicht

Verwendung

Werden immer bei Web-Anwendungen angezeigt, auch wenn die Web-Anwendung auf einem kleinen Screen geöffnet ist.

Regeln

  • Platzierung oben rechts.
  • Ist die maximale bzw. minimale Zoomstufe erreicht, ändert sich der Zustand auf "disabled".
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Mode: Light/Dark
  • Size: Default/Small

Varianten

Default

Darstellung des Primary Button
Darstellung des Primary Button

Small

Darstellung des Primary Button
Darstellung des Primary Button

Die Variante "Small" darf nicht für Mobile-Anwendungen verwendet werden.

Impressum Kontakt Datenschutz Cookie Einstellungen