---
path: components/radiobutton/usage
title: Usage
position: 2
seo_title: Guidelines for Using the RadioButton Component
seo_description: Get the knack of the Telerik and Kendo UI RadioButton and learn
  how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## 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.

<DosDonts>
<Do description="Use 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, allowing the user to make a single-only selection.](images/components-radiobutton-usage-meaning-do.png "Use the Telerik and Kendo UI RadioButton to allow the user to make a single-only selection.")</Do>
<Dont description="Avoid providing two or more available options presented by RadioButtons.">![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.](images/components-radiobutton-usage-meaning-dont.png "Do not allow two or more options to be selected when these options have been implemented with Telerik and Kendo UI RadioButtons.")</Dont>
</DosDonts>


### 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.

<DosDonts>
<Do description="Keep the label as clear and concise as possible.">![A group of six Telerik and Kendo UI RadioButtons for selecting a default language and using a short and concise text label for each available choice.](images/components-radiobutton-usage-label-do.png "Use short, simple, and concise content for representing the text labels of the Telerik and Kendo UI RadioButtons.")</Do>
<Dont description="Avoid setting larger and vague labels.">![A group of six Telerik and Kendo UI RadioButtons for selecting a default language, using repetitive and long text labels for each available choice.](images/components-radiobutton-usage-label-dont.png "Do not render complex, sophisticated, long, and vague content for the text labels of the Telerik and Kendo UI RadioButtons.")</Dont>
</DosDonts>


### 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.

<DosDonts>
<Do description="If the label is longer, align the RadioButton to the center of the first row.">![A Telerik and Kendo UI RadioButton aligned to the upper-center relative to the height of the label row that spans three lines.](images/components-radiobutton-usage-alignment-do.png "Align the Telerik and Kendo UI RadioButton after you consider the row height of its label.")</Do>
<Dont description="Avoid aligning the RadioButton to the middle relative to the height of the label if the label is longer than a single line.">![A Telerik and Kendo UI RadioButton aligned to the middle position relative to the height of the label row that spans three lines.](images/components-radiobutton-usage-alignment-dont.png "Do not align the Telerik and Kendo UI RadioButton to the middle without considering the row height of its label.")</Dont>
</DosDonts>