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 DeutschEnglishButton Übersicht
Was macht die Komponente?
Löst eine Aktion auf einer Seite aus.
Wann soll die Komponente eingesetzt werden?
Beim Starten oder Beenden eines Prozesses.
Beim Absenden eines Formulars.
Beim Aufrufen einer Funktion auf einer Seite.
Regeln
Darf nicht innerhalb von Fliesstext eingesetzt werden.
Darf nicht im Header als Navigation oder Funktion eingesetzt werden.
Die Mindestbreite beträgt 60px, die Maximalbreite 400px.
Die Breite wächst mit der Textlänge. Beim Einsatz im Next Best Click (NBC) oder in mobilen Ansichten ist die Breite 100%.
Ist der Text beim Erreichen der Maximallänge immer noch zu lang, wird dieser mit «...» abgekürzt.
Der Text ist immer einzeilig.
In Ausnahmefällen darf das Pfeil-Icon durch ein anderes, passendes Icon ersetzt werden.
Pro Seite darf nur ein Primary Button eingesetzt werden.
Secondary, Ghost und Frameless 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:
Default
Hover
On-click
Disabled
Varianten
Primary Button
Secondary Button
Ghost Button
Frameless Button
Spezifikationen
DesignCode
ImpressumContactProtection des donnéesParamètres des cookies