Radio button

Select one value in options or items list.

Status

Radio buttons are used when we want our users to make a single choice from a list. This component can be used in forms.

 

 

Active

The radio button is available.

Disable

The radio button is unavailable.

Uncheck

It’s the radio button default status.

Hovered / Focused

The user hovers over the the radio button with the mouse.

Checked

When a user selects a radio button

Do / Don't

DO

DON'T

 

 

DO

DON'T

 

 

DO

DON'T

DO

DON'T