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 Radiobuttonpanel

Übersicht

Was macht die Komponente?

Bietet dem Benutzer eine Auswahl aus mehreren Optionen an.

Wann soll die Komponente eingesetzt werden?

  • Bei Listen mit zwei oder mehr Auswahlmöglichkeiten, die sich gegenseitig ausschliessen.
  • Bei Auswahlmöglichkeiten, welche mehrere Informationen beinhalten.

Regeln

  • Der Titeltext der Optionen ist immer einzeilig.
  • Die ganze Fläche der Optionenwahl ist klickbar und ändert den Zustand.
  • Die verschiedenen Optionen sind immer untereinander aufgelistet.
  • Ob ein Default-Wert gesetzt ist oder nicht, ist für jeden Anwendungsfall zu entscheiden.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Checked
  • Unchecked
  • Disabled checked
  • Disabled unchecked
  • Error

Varianten

Standard

Darstellung der Komponente Radiobuttonpanel in der Variante Standard

Mit Infotext

Darstellung der Komponente Radiobuttonpanel mit zusätzlichem Hinweistext

Mit Piktogramm / Logo

Darstellung der Komponente Radiobuttonpanel mit zusätzlichem Piktogramm oder Logo

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen