Sha256: 91c9721f400e5551ac7e466bbe32db62b5d25274f6e244428549b92395a87d08
Contents?: true
Size: 1.16 KB
Versions: 237
Compression:
Stored size: 1.16 KB
Contents
import React, { useState } from 'react'
import SelectableCard from '../_selectable_card.jsx'
const SelectableCardSingleSelect = (props) => {
const [selected, setSelected] = useState(null)
const handleSelect = (event) => {
setSelected(event.target.value)
}
return (
<div className="pb--doc-demo-row">
<SelectableCard
checked={selected === 'male'}
inputId="male1"
multi={false}
name="gender"
onChange={handleSelect}
value="male"
{...props}
>
{'Male'}
</SelectableCard>
<SelectableCard
checked={selected === 'female'}
inputId="female1"
multi={false}
name="gender"
onChange={handleSelect}
value="female"
{...props}
>
{'Female'}
</SelectableCard>
<SelectableCard
checked={selected === 'other'}
inputId="other1"
multi={false}
name="gender"
onChange={handleSelect}
value="other"
{...props}
>
{'Other'}
</SelectableCard>
</div>
)
}
export default SelectableCardSingleSelect
Version data entries
237 entries across 237 versions & 1 rubygems