Zur NavigationZum InhaltKontaktMenuFind componentOverview MobileFind component
Basics
More Info
Brand
More Info
Image
More Info
Typography
Components
More Info
Bottom-Sheet
More Info
Button
More Info
Checkbox
More Info
Chip
More Info
Container
More Info
Context menu
More Info
Dropdown
More Info
Header
More Info
List item
More Info
List view
More Info
Loading indicator
More Info
Message
More Info
Notification Box
More Info
Pagination
More Info
Picker
More Info
Promotion-Box
More Info
Radiobutton
More Info
Segmented button
More Info
Slider
More Info
Status
More Info
Switch
More Info
Tabbar
More Info
Text input
More Info
Textarea
More Info
Toast
More Info
Up dn counter
PrinciplesFoundationAccessibilityDesign SystemGuidelinesDeutschFrançaisItalianoEnglishOur design principlesUser-centredRecognisableInclusiveReducedHolisticSelf-explanatoryTask-orientedAppropriateSBB Brand portalLogoDigital clockRights of useBase colorsFunctional colorsOff brand colorsIconsTimetable iconsPictogramsAbout accessibilityÜber diesen GuideContactFurther informationProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQHelpProcessContributionContactOverviewBaseComponentsOverviewReleasesDesign TokensComponentsOverviewBaseInformationenOverviewBaseComponentsSense & PurposeCommunity AssetsInstructionsApp IconsPower-AppsDigital banner adsSAP Design GuidelinesCheckbox Overview
What does the component do?
It is used for the entry of yes/no values.
When should the component be used?
When selecting one or more options that are independent of one another.
Rules
A pre-selection is mandatory (active or inactive, no tristate).
Several checkboxes can be arranged vertically or horizontally. The vertical layout is preferred as it allows the user to understand the options more quickly.
Horizontal layout only with two or three options and short names.
The text can be multi-line.
In addition to the actual checkbox, the entire text can also be used as a click target.