Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu Web (Legacy)PrincipesBasesAccessibilitéSystème de designGuidelinesDeutschFrançaisItalianoEnglishNos principes de designCentré sur l’utilisateurReconnaissableInclusifMinimalisteHolistiqueAuto-explicatifAxé sur les tâchesAppropriéPortail de la marque CFFLogoHorloge numériqueDroits d’utilisationCouleurs de baseCouleurs fonctionnellesCouleurs off-brandIcônesIcônes de l’horairePictogrammesÀ propos de l’accessibilitéÀ propos de ce guideContactInformations complémentairesProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?ConceptionDévelopperFAQAideProcèsContributionContactAperçuBaseComposantsOverviewReleasesDesign TokensComposantsRoadmapAperçuBaseInformationsAperçuBaseComposantsSens & objectifCommunity AssetsInstructionsPower-AppsBandeaux publicitaires numériquesSAPIcônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles DeutschEnglishLoading Indicator Ü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.
Zustände und Varianten
Varianten
Tiny
Small
Medium
Big
Spezifikationen
DesignCode
ImpressumContactProtection des donnéesParamètres des cookies