Navigieren auf digital.sbb.ch

Zur Startseite von digital.sbb.ch

Radiobutton Panel

1. What does the component do?

It provides the user with a selection of several options.

2. When should the component be used?

  • In lists with two or more options that mutually exclude one another.
  • For options which contain several pieces of information.

3. Rules

  • The title text of the options is always single-line.
  • The entire area of the option selection is clickable and changes the status.
  • The various options are always listed beneath one another.
  • Whether or not a default value is set has to be decided in each case.

4. Variants and statuses

The component has the following statuses:

  • Checked
  • Unchecked
  • Disabled checked
  • Disabled unchecked
  • Error

4.1 Standard

Image of the radio button panel component in the standard variant

Design specification

Code specification

4.2 With info text

Image of the radio button panel component with additional info text

Design specification

Code specification

4.3 With pictogram/logo

Image of the radio button panel component with additional pictogram or logo

Design specification

Code specification