# Radio Button

## 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&#x26;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&#x26;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&#x26;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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://abhishekshankar.gitbook.io/uxm/the-system/selection-components/radio-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
