Radio - Keep React

Radio Input Component is a user interface element used for selecting a single option from a set of mutually exclusive choices. It presents a list of options, and users can choose one option at a time by clicking on a radio button associated with each choice.

Table of Contents#

Default Radio Input#

The Default Radio Input is a fundamental user interface element that allows users to choose a single option from a group of options. It presents a list of choices, each accompanied by a radio button.

Choose your favorite country

Radio shape variant#

The Radio Shape Variant component introduces different shape options for radio inputs, allowing you to customize the appearance of radio buttons. The available shape variants are: "circle" "rounded" and "square".

Choose your favorite country

API Reference#

Explore the available props for the radio component

PropertyDescriptionTypeDefault
variantSpecifies the shape of the radio input.
circle
rounded
square
rounded
colorAvailable colors for the radio
primary
secondary
error
success
warning
primary