Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu MobilePrincipesBasesAccessibilité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 DeutschEnglishButton Übersicht
Was macht die Komponente?
Löst eine Aktion aus.
Wann soll die Komponente eingesetzt werden?
Beim Starten oder Beenden eines Prozesses.
Beim Absenden eines Formulars.
Beim Aufrufen einer Funktion.
Regeln
Darf nicht innerhalb von Fliesstext eingesetzt werden.
Der Text ist immer einzeilig.
Pro Seite/Dialog darf nur ein Primary Button eingesetzt werden.
Pro Seite/Dialog sind mehrere Secondary Buttons erlaubt.
Secondary und Tertiary Buttons dürfen nur eingesetzt werden, wenn bereits ein Primary Button vorhanden ist.
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Normal
Pressed
Disabled
Loading
Varianten
Primary
Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).
Secondary
Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).
Tertiary
Label und Icon
Label
Icon
Tertiary small
Label und Icon
Label
Icon
Spezifikationen
Design
ImpressumContactProtection des donnéesParamètres des cookies