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 DeutschEnglishCheckbox Übersicht
Was macht die Komponente?
Dient zur Eingabe von Ja/Nein-Werten.
Wann soll die Komponente eingesetzt werden?
Beim Auswählen einer oder mehrerer, zueinander unabhängigen Optionen.
Regeln
Eine Vorauswahl ist Pflicht (aktiv oder inaktiv, kein Tristate).
Mehrere Checkboxen können vertikal oder horizontal angeordnet werden. Die vertikale Anordnung wird bevorzugt, dadurch kann der Benutzer die Auswahlmöglichkeiten schneller erfassen.
Horizontal Anordnung nur bei zwei bis drei Auswahlmöglichkeiten und kurzen Bezeichnungen.
Der Text kann mehrzeilig sein.
Nebst der eigentlich Checkbox dient auch der gesamte Text als Click-Target.
Zustände und Varianten
Zustände
DIe Komponente hat folgende Zustände:
Selected
Unselected
Indeterminate
Disabled Selected
Disabled Unselected
Disabled Indeterminate
Loading
Varianten
Die Komponente hat folgende Varianten:
Checkbox
ohne Icon / mit Icon
Checkbox-Item
listed / boxed
ohne Icon / mit Icon
ohne Subtext / mit Subtext
ohne Button / mit Button
Checkbox
ohne Icon
mit Icon
Checkbox-Item
Liste
Liste, mit Icons (links und rechts)
Liste, mit Subtext
Liste, mit Button
Liste, ladend
Boxed
Boxed, mit Icons (links und rechts)
Boxed, mit Subtext
Boxed, mit Button
Boxed, ladend
Spezifikationen
Design
ImpressumContactProtection des donnéesParamètres des cookies