Essaie d'utiliser des termes de recherche différents ou moins nombreux.
PrincipesBasesAccessibilitéSystème de designGuidelines Deutsch Français Italiano English
Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié
La marqueLink target opens in a new window. Portail de la marque CFF Logo Horloge numérique Droits d’utilisationCouleurs Couleurs de base Couleurs supplémentaires Couleurs off-brandAssets Icônes Icônes de l’horaire PictogrammesLangue À propos du UX writing Les textes de boutons et de liens Les notifications Les formulaires et champs de saisie Indicateur de progression Liste de mots numériques
Introduction À propos de l’accessibilité À propos de ce guide Contact Informations complémentairesRôles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Premiers pas What is a design system? Conception Développer FAQ AideOrganisation Procès Contribution ContactMobile Aperçu Base ComposantsLyne Aperçu Qu'est-ce que Lyne ? Releases Presets & Themes Design Tokens Composants TemplatesMaps Aperçu Base InformationsPatterns Aperçu
Guides Power-Apps Bandeaux publicitaires numériques SAP IA Design : BasesSpécifications Icônes d’applications
Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: 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