> For the complete documentation index, see [llms.txt](https://abhishekshankar.gitbook.io/uxm/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abhishekshankar.gitbook.io/uxm/the-system/selection-components/radio-button.md).

# Radio Button

Radio buttons allow users to select one option from a set.

## Motion Functions

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Feedback Function</td><td><a href="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FkQjBGgNQZ0Uv7dOOS3WH%2FFeedback_Reduced.gif?alt=media&amp;token=701e3cb5-862a-4175-b63d-45b8ee076857">Feedback_Reduced.gif</a></td></tr></tbody></table>

The function of motion in a radio button is Feedback. Motion can highlight the relationship between radio buttons that are clicked on. As radio buttons are used to select a single option, motion can show the relationship of the selection from one button to the next.

## Examples

<div><figure><img src="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FwT2GmpNhtDp3QhkBvNiS%2Fradio1.gif?alt=media&amp;token=0381ce1f-6a55-4bbe-a1b4-d3c4cadc8de0" alt=""><figcaption><p>UI // Radio Button by Cosimo Scarpa</p></figcaption></figure> <figure><img src="https://1568998344-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjR69WFqQtm3K6aW02kWi%2Fuploads%2FuU979SNYRJIdEvjbcvCe%2Fradio2.gif?alt=media&amp;token=94d07169-55e1-4477-bfdf-a72039bce9d9" alt=""><figcaption><p>CSS UI Interactive Elements by bg-d</p></figcaption></figure></div>

In these radio buttons, motion is used to convey the movement of the selection button from top to bottom or left to right. Using the principles of masking, the selection seems to move behind the interface between states and adds a layer of dimensionality to the interface.&#x20;