Radio button

Required. The label names a single selectable option. Each option in a group should be distinct and parallel so users can quickly scan and compare.

• Use sentence case
• No ending punctuation
• Use a noun or noun phrase
• Aim for 1–5 words

There are two sizes available. Large is the default and is preferred on smaller screens. The smaller radio button can be used for dense layouts, but are less tap-friendly.

A radio button can be either selected or unselected. There are no indeterminate states for radio buttons.

A radio button can be disabled if there is a prerequisite to activate.

Labels will wrap if they are wider than the parent container. The radio button remains aligned to the top of the text box.

Radio buttons are contained within a set of at least two items. The group label names the category or decision the user is making to give context for the options beneath it. If users need more context before selecting, use a short introductory paragraph above the group instead of trying to fit it in the label.

• Use sentence case
• No ending punctuation, unless it's a question
• Keep to 1–5 words

Android uses the native Material radio buttons for improved support and accessibility.

iOS devices use the large Evo radio button.