<?xml version="1.0" encoding="utf-8"?>

Radio button

Radio button

While checkboxes allow multiple options to be selected, radio buttons only allow one. Radio buttons are empty when they're not selected and filled with a dot when they are. They are often initially displayed with no option selected. Once an option is selected, it cannot be returned to that state by interacting solely with the buttons (users can only switch their selection between buttons). If the deselected state is important, you'll need to give users an alternative way to return to that state.

Radio buttons are often used for questions with mutually exclusive options, like selecting a gender or a preferred payment method. They provide clear decision-making and streamline user interactions by preventing conflicting choices.

Improve your UX & Product skills with interactive courses that actually work