Our Tailwind CSS radio button component will let your users choose only one of a predefined set of mutually exclusive options. Radio
buttons should be used instead of checkboxes if only one item can be selected from a list.
Use the following example to create simple Radio
buttons for your projects.
The Radio
component comes with 19 different colors that you can change it using the color
prop.
You can add a custom icon for the Radio
button component when it's checked by passing the icon
prop to the Radio
button component.
You can turn on/off the ripple effect for the Radio
button component using the ripple
prop.