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 DeutschEnglishSwitch Übersicht
Was macht die Komponente?
Dient zum Ein- oder Ausschalten von einzelnen Einstellungsoptionen.
Wann soll die Komponente eingesetzt werden?
Wenn Einstellungsoptionen ein- oder ausgeschaltet werden müssen.
Regeln
Darf nur zum Ein- oder Ausschalten einer Funktion verwendet werden.
Es sind keine Labels «ein» und «aus» zu nutzen.
Die Einstellungsoption muss klar benannt werden mittels einem Label links.
Zustände und Varianten
Zustände
DIe Komponente hat folgende Zustände:
Selected
Unselected
Disabled Selected
Disabled Unselected
Loading
Error (default / retry / reloading / button)
Varianten
Die Komponente hat folgende Varianten:
Switch
Selected / Unselected
Switch-Item
without icon / with icon
listed / boxed
without subtext / with subtext
without link / with Link
Switch
Switch-Item
Liste
Liste, mit Icon
Liste, mit Subtext
Liste, mit Link
Boxed
Boxed, mit Icon
Boxed, mit Subtext
Boxed, mit Link
Spezifikationen
Design
ImpressumContactProtection des donnéesParamètres des cookies