The brand
SBB Brand portal
Logo
Digital clock
Rights of useColors
Base colors
Functional colors
Off brand colorsAssets
Icons
Timetable icons
Pictograms
Introduction
About accessibility
Über diesen Guide
Contact
Further informationAccessibility by roles
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
First steps
What is a design system?
Designing
Coding
FAQ
HelpOrganisation
Process
Contribution
ContactMobile
Overview
Base
ComponentsLyne
Overview
Releases
Design Tokens
KomponentenMaps
Overview
Base
InformationenLean (Legacy)
Overview
Base
ComponentsCommunity Assets
Sense & Purpose
Community Assets
Instructions
Guides
Power-Apps
Digital banner ads
SAP Design GuidelinesRegulations
App Icons
Radiobutton
Overview
What does the component do?
It is used for the selection of exactly one option from several.
When should the component be used?
When there are two or more options and the options mutually exclude one another.
Rules
There must be a choice of at least two options.
A pre-selection is mandatory.
Radio buttons 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 for two to three options and short names.
The text can be multi-line.
As well as the actual radio button, the entire text also serves as a click target.