<Radio />
The
<Radio />
component allows the user to select one option from a set.<Card padding={4} style={{textAlign: 'center'}}>
<Inline space={3}>
<Radio
checked={value === 'a'}
name="foo"
onChange={handleChange}
value="a"
/>
<Radio
checked={value === 'b'}
name="foo"
onChange={handleChange}
value="b"
/>
<Radio
checked={value === 'c'}
name="foo"
onChange={handleChange}
value="c"
/>
</Inline>
</Card>
The
Radio
component’s properties extend all properties of an <input type="radio" />
element, except type
.customValidity?: string