Figma Radio Button
Figma Radio Button
Preview
Figma Radio Button
Figma Radio Component
The Radio button component allows users to select a single option from a list of available interface options.
Radio components include smooth animations and adequate touch areas for easy selection on touch devices.
Radio Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| RadioLabel | 40 | Size XL, Large, Medium, SmallState Disabled, Hover Unchecked, Unchecked, Hover Checked, CheckedDirection Right, Left | |
| RadioCaption | 40 | Size XL, Large, Medium, SmallState Disabled, Hover Unchecked, Unchecked, Hover Checked, CheckedDirection Right, Left | |
| RadioButton | 40 | Size XL, Large, Medium, SmallState Disabled, Hover Unchecked, Unchecked, Hover Checked, CheckedDirection Right, Left | |
| Radio | 15 | Size Large, Medium, SmallState Disabled, Hover Unchecked, Unchecked, Hover Checked, Checked |
Figma Radio Button
Radio
radio button example
radio component
figma radio
Interactive component
