Dottiv1.1
← Components

Radio

Component

Single choice selection from a group of options.

Installation & Usage

Basic Usage
import { Radio } from 'dotti'

<Radio
  options={radioOptions}
  value={selectedValue}
  onChange={setSelectedValue}
/>

Examples

Basic Radio Group

Standard radio button group for single selection.

First choice
Second choice
Third choice
Code
const [value, setValue] = useState('')
const options = [
  { value: 'option1', label: 'Option 1', description: 'First choice' },
  { value: 'option2', label: 'Option 2', description: 'Second choice' }
]

<Radio
  options={options}
  value={value}
  onChange={setValue}
/>

Props