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 EnglishLoadingindicator.
Übersicht
Was macht die Komponente?
Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.
Wann soll die Komponente eingesetzt werden?
Beim Absenden von Formularen.
Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.
Regeln
Benötigt das System länger als 100ms um eine Antwort anzuzeigen, muss ein Loading Indicator angezeigt werden.
Der Loading Indicator ist immer auf einer weissen, leicht transparenten Fläche zu verwenden.
Es darf pro Seite/Viewport nur ein Loading Indicator angezeigt werden
Die weisse Fläche überdeckt den Bereich, welcher geladen oder aktualisiert wird.
Standardmässig wird der Loading Indicator «Medium» eingesetzt.
Varianten
Varianten
Tiny
Small
Medium
Big
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code