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 funzionali 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 Overview Releases Design Tokens Komponenten Introduzione Base Informazioni Introduzione Base Componenti Senso & scopo Community Assets Istruzioni Power-Apps Banner pubblicitari digitali SAP Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili Deutsch English Segmented button

Übersicht

Was macht die Komponente?

  • Dient zur Auswahl von genau einer Option aus zwei oder mehreren Möglichkeiten.

Wann soll die Komponente eingesetzt werden?

  • Bei der Auswahl einer Option aus Mehreren.
  • Zum Umschalten zwischen unterschiedlichen Ansichten (Tab-Funktionalität).

Regeln

  • Es muss immer ein Default-Wert gesetzt sein.
  • Die einzelnen Optionen sind immer gleich breit.
  • Der Text ist immer einzeilig.
 Varianten

Varianten

  • 2 oder 3 Buttons
  • Farbe: Default / Red
  • mit Icon und Label / nur Icon / nur Label

Default

Darstellung des Segmented Buttons
Darstellung des Segmented Buttons

Red

Darstellung des Segmented Buttons, rot
Darstellung des Segmented Buttons, rot

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