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