Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu MobileTrouver un composant
Basics
More Info
Brand
More Info
Image
More Info
Typography
Components
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
Loading indicator
More Info
Message
More Info
Modal view
More Info
Notification Box
More Info
Pagination
More Info
Picker
More Info
Radiobutton
More Info
Promotion-Box
More Info
Segmented button
More Info
Slider
More Info
Switch
More Info
Status
More Info
Tabbar
More Info
Text input
More Info
Textarea
More Info
Toast
More Info
Up dn counter
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 TokensComposantsAperçuBaseInformationsAperçuBaseComposantsSens & objectifCommunity AssetsInstructionsPower-AppsBandeaux publicitaires numériquesSAPIcônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles DeutschEnglishRadiobutton Übersicht
Was macht die Komponente?
Dient zur Auswahl genau einer Option aus mehreren.
Wann soll die Komponente eingesetzt werden?
Bei zwei und mehr Auswahlmöglichkeiten, bei der sich die Optionen gegenseitig ausschliessen.
Regeln
Es müssen mindestens zwei Optionen zur Auswahl stehen.
Eine Vorauswahl ist Pflicht.
Radio Buttons können vertikal oder horizontal angeordnet werden. Die vertikale Anordnung wird bevorzugt, dadurch können die Benutzenden die Auswahlmöglichkeiten schneller erfassen.
Horizontale Anordnung nur bei zwei bis drei Auswahlmöglichkeiten und kurzen Bezeichnungen.
Der Text kann mehrzeilig sein.
Nebst dem eigentlichen Radiobutton dient auch der gesamte Text als Click-Target.
Varianten
Zustände
DIe Komponente hat folgende Zustände:
Checked
Unchecked
Disabled checked
Disabled unchecked
Loading
Varianten
Die Komponente hat folgende Varianten:
Radiobutton
ohne Icon / mit Icon
Radiobutton-Item
listed / boxed
ohne Icon / mit Icon
ohne Subtext / mit Subtext
ohne Button / mit Button
Radiobutton
ohne Icon
mit Icon
Radiobutton-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