Tailwind CSS Radio Button - React

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.

Radio Button Colors

The Radio component comes with 19 different colors that you can change it using the color prop.

Radio Button Custom Icon

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.

Radio Button Ripple Effect

You can turn on/off the ripple effect for the Radio button component using the ripple prop.

Edit this page on Github