Radio

Radio component is used in forms when a user needs to select a single value from several options.

Installation

yarn add @chakra-ui/radio

# or

npm i @chakra-ui/radio

import { Radio } from "@chakra-ui/radio"

<Radio>This is a radio</Radio>

RadioGroup is used to bind multiple radios into a group, and it indicates whether which option is selected.

<RadioGroup defaultValue="one">
  <Radio value="one">One</Radio>
  <Radio value="two">Two</Radio>
  <Radio value="three">Three</Radio>
</RadioGroup>