Sha256: 8fc61a5ea3081c1df3588190fae51538af1b473d4edddd52cb0508aa3954d752
Contents?: true
Size: 1.33 KB
Versions: 4
Compression:
Stored size: 1.33 KB
Contents
import React from 'react'
import SelectableCard from '../_selectable_card.jsx'
class SelectableCardSingleSelect extends React.Component {
state = {
selected: null,
}
handleSelect = (event) => {
this.setState({
selected: event.target.value,
})
}
render(props) {
return (
<div className="pb--doc-demo-row">
<SelectableCard
checked={this.state.selected === 'male'}
inputId="male1"
multi={false}
name="gender"
onChange={this.handleSelect.bind(this)}
value="male"
{...props}
>
{'Male'}
</SelectableCard>
<SelectableCard
checked={this.state.selected === 'female'}
inputId="female1"
multi={false}
name="gender"
onChange={this.handleSelect.bind(this)}
value="female"
{...props}
>
{'Female'}
</SelectableCard>
<SelectableCard
checked={this.state.selected === 'other'}
inputId="other1"
multi={false}
name="gender"
onChange={this.handleSelect.bind(this)}
value="other"
{...props}
>
{'Other'}
</SelectableCard>
</div>
)
}
}
export default SelectableCardSingleSelect
Version data entries
4 entries across 4 versions & 1 rubygems