Sha256: 0316ba2b3449a4dded8a77ae0ec5d9c32cdf7730bd93a98500988354918bb4ed
Contents?: true
Size: 1.12 KB
Versions: 151
Compression:
Stored size: 1.12 KB
Contents
import React, { useState } from 'react'
import { SelectableIcon } from '../../'
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
151 entries across 151 versions & 1 rubygems