Radio
A radio button component.
import React from 'react'
import { Radio } from '@aragon/ui'
class App extends React.Component {
state = { checked: false }
render() {
return (
<div>
<label>
<Radio
id="strawberry"
checked={this.state.checked}
onChange={id => {
console.log(
`${singleChecked ? 'Unchecked' : 'Checked'} ${id}`
)
this.setState({ singleChecked: !singleChecked })
}}
/>
Click me
</label>
</div>
)
}
}
- Type:
Boolean - Default:
false
Whether it is checked or not.
- Type:
Boolean - Default:
false
Set to
true to disable the radio.- Type:
StringorNumber
When the
<Radio /> is nested in a <RadioGroup />, this value is passed to the <RadioGroup />'s onChange handler when the radio is checked.If not, it is passed to the
onCheck handler when the radio is checked.- Type:
Function:(id: String|Number) -> *
This callback is called whenever the user selects the radio.
id: The value passed as theidprop.
Last modified 6mo ago