Guidelines for Using the RadioButton Component

Usage Guidelines

The Telerik and Kendo UI RadioButton requires you to follow some basic principles when using the component.

Meaning

RadioButtons are used for a binary choice or single selection within a list of choices.

A group of six Telerik and Kendo UI RadioButtons for selecting a default language, allowing the user to make a single-only selection.

DoUse the RadioButton to imply a single selection out of a group of choices.

A group of six Telerik and Kendo UI RadioButtons for selecting a default language, showing that the user was able to choose two of the available options.

Don'tAvoid providing two or more available options presented by RadioButtons.

Label

The label of the RadioButton is of primary importance as it conveys the meaning of the option for which the component stands for. Therefore, the text label must be clear, straightforward, and as short as possible.

DoKeep the label as clear and concise as possible.

A group of six Telerik and Kendo UI RadioButtons for selecting a default language, using repetitive and long text labels for each available choice.

Don'tAvoid setting larger and vague labels.

Alignment

Regardless of how long the label is, the container and the text label of the RadioButton are always aligned to the middle. However, always consider the height of the first row before aligning the RadioButton to its label especially when the label spans more than one row.