Sha256: bef95eac92d2b6119e19af8e297f5c19d244d3e060906479e30c22bfcb53f8b6
Contents?: true
Size: 1.13 KB
Versions: 1772
Compression:
Stored size: 1.13 KB
Contents
import React, { useState } from 'react'
import SelectableIcon from '../_selectable_icon'
const SelectableIconSingleSelect = () => {
const [ selectedFormat, toggleFormat ] = useState(null)
return (
<div className="pb--doc-demo-row">
<SelectableIcon
checked={selectedFormat === 'Cassette'}
icon="cassette-tape"
inputId={13}
multi={false}
name="music-format"
onChange={() => toggleFormat('Cassette')}
text="Cassette"
value="Cassette"
/>
<SelectableIcon
checked={selectedFormat === 'CD'}
icon="compact-disc"
inputId={14}
multi={false}
name="music-format"
onChange={() => toggleFormat('CD')}
text="CD"
value="CD"
/>
<SelectableIcon
checked={selectedFormat === 'Vinyl'}
icon="album-collection"
inputId={15}
multi={false}
name="music-format"
onChange={() => toggleFormat('Vinyl')}
text="Vinyl"
value="Vinyl"
/>
</div>
)
}
export default SelectableIconSingleSelect
Version data entries
1,772 entries across 1,772 versions & 2 rubygems