Useful Components Logo

Component Library

Radio button

A radio group of a radio button allow you to select one choice over multiple options. You can't select multiple choices

Basic radio button

Choose an option

Line control

You can control the number of item per line with the size property

One per lines
Two per lines
Three per lines

If the width of the screen is too low, there isn't any automatic change to not overflow from the screen.

Disabled

You can disable the entire radio group or specific values.

Disabled options
Disabled values

Required

You can ask the user to select one option.

You must choose an option

Deselect

You can allow the user to deselect an option by clicking on it again.

Choose an option and deselect if needed

Labeling

You can put label that will be display instead of the value of the radio button
That is not regular label but can be React node !

Choose an option

Tooltip

You can add a tooltip to each radio button, it will display the value of the radio button when hovering it.

Choose an option