Provate a utilizzare termini di ricerca diversi o meno numerosi.
PrincipiBaseAccessibilitéSistema di designGuidelines Deutsch Français Italiano English
I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza
Il brandLink target opens in a new window. Portale della marca FFS Logo Orologio digitale Diritti di utilizzazioneColori Colori die base Colori addizionali Colori Off BrandAssets Icone Icone dell'orario PittogrammiLingua Informazioni sull'UX Writing Testi per pulsanti e link Notifiche Moduli e campi di input Indicatore di avanzamento Glossario digitale
Introduzione Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliateAccessibilità in base al ruolo Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Primi passi What is a design system? Designing Coding FAQ AiutoOrganizzazione Processo Contribution ContattoMobile Introduzione Base ComponentiLyne Introduzione Che cos'è Lyne? Releases Presets & Themes Design Tokens Componenti TemplatesMaps Introduzione Base InformationsPatterns Introduzione
Guides Power-Apps Banner pubblicitari digitali SAP IA Design : Base.Prescrizioni Icone delle app
Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch EnglishTab.
Übersicht
Was macht die Komponente?
Dient zur Strukturierung der Anzeige von Daten und Formularen.
Wann soll die Komponente eingesetzt werden?
Wenn innerhalb des gleichen Kontexts zwischen verschiedenen Aspekten gewechselt werden soll.
Wenn die Inhalte der verschiedenen Aspekte nicht gleichzeitig von den Benutzer*innen angesehen werden müssen.
Regeln
Per Default ist immer das erste Register ausgewählt.
Die Registerbezeichungen sind immer einzeilig.
Die Registerbezeichung sollte möglichst kurz und prägnant sein, damit die Themen schnell erfasst werden können.
Falls die Register für den Viewport zu lang sind, wird die Breite verkürzt und die Bezeichungen werden mit «...» abgeschnitten. Ein Hover über den Tab blendet den kompletten Namen in einem Tooltip ein.
Eine weitere Tab-Komponente innerhalb eines Registers (Tab-in-Tab) ist nicht erlaubt.
Varianten
Zustände
Die Komponente hat folgende Zustände:
Active
Inactive
Hover
Disabled
Varianten
Standard
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code