Die MarkeLink target opens in a new window. SBB Markenportal Logo Digitale Uhr NutzungsrechteFarben Basis-Farben Zusätzliche Farben Off-Brand FarbenAssets Icons Fahrplan-Icons PiktogrammeSprache Über UX Writing Button- und Linktexte Benachrichtigungen Formulare und Eingaben Fortschrittsanzeige Digitale Wörterliste
Einführung Über Barrierefreiheit Über diesen Guide Kontakt Weitere InformationenRollen Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Erste Schritte Was ist ein Design System? Designing Coding FAQ HilfeOrganisation Prozess Contribution KontaktMobile Übersicht Basis KomponentenLyne Übersicht Was ist Lyne? Releases Presets & Themes Design Tokens Komponenten TemplatesMaps Übersicht Basis InformationenPatterns Übersicht
Guides Power-Apps Digitale Werbebanner SAP AI Design: GrundlagenVorschriften App Icons
Buttonbar.
Übersicht
Was macht die Komponente?
Es bildet eine Leiste, wo alle Aktionen eines Anwendungsbereichs gesammelt werden.
Wann soll die Komponente eingesetzt werden?
Wenn in einem Anwendungsbereich mehrere Aktionen ausgeführt werden können.
Regeln
Die Buttonbar sollte immer unten rechts von einem Container (z.B. Formular oder Dialog) platziert werden.
Die Buttons werden immer rechts innerhalb der Buttonbar platziert.
Die primäre Aktion wird links von den sekundären Aktionen platziert.
Es dürfen nicht mehr als drei Buttons platziert werden. Wenn mehr Aktionen notwendig sind, dann soll ein Contextmenu verwendet werden. Dieses wird rechts von den anderen Buttons platziert.