Skip to main content

Radio

Radio buttons allow users to select one option from a group of related options. To group options, wrap the Radio components inside a RadioGroup component. If you want to give the user more than 4 options, consider using a Select component.

OverviewPropertiesUsage

Alignment of multiple radios​

Examples of multiple Radio components aligned vertically and horizontally.

Examples of multiple Radio components aligned vertically and horizontally.

Vertical​

  • Use vertical alignment in most instances. It's suitable for responsive layouts, when you offer a relatively large number of options, or when vertical alignment stays consistent within a certain context—for example, within a form.

Horizontal​

  • Avoid wrapping options into a new line, if you need a horizontal layout.

Examples of related horizontally aligned Radio components in a single line as do, and in two lines as don't.

Examples of related horizontally aligned Radio components in a single line as do, and in two lines as don't.

Still have questions?
Find answers in the Dynatrace Community