Tailwind CSS Radio - Nira UI

The Nira UI Radio component lets users select one option from a group of choices while keeping your forms clean and stylish. Built with Tailwind CSS utilities, it’s perfect for forms, surveys, quizzes, and option selectors.

With built-in color variants, group support, and accessibility-friendly attributes, customizing radio buttons has never been easier.

Default Radio Button

Start with the default radio button using the radio class.

Radio Button Colors

Apply different colors to indicate states such as success, warning, or danger.

Radio Group

Group radio buttons together using the same name attribute. Only one option can be selected at a time.

Disabled Radio Buttons

Make an option unavailable by adding the disabled attribute.