Sha256: 8ddec6387e69d0e70974899c0e2f957bc05ebff5ed71ae7a1e77f715e5ea00be
Contents?: true
Size: 1.18 KB
Versions: 94
Compression:
Stored size: 1.18 KB
Contents
import React, { useState } from 'react'
import { SelectableIcon } from '../../'
const SelectableIconSingleSelect = (props) => {
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"
{...props}
/>
<SelectableIcon
checked={selectedFormat === 'CD'}
icon="compact-disc"
inputId={14}
multi={false}
name="music-format"
onChange={() => toggleFormat('CD')}
text="CD"
value="CD"
{...props}
/>
<SelectableIcon
checked={selectedFormat === 'Vinyl'}
icon="album-collection"
inputId={15}
multi={false}
name="music-format"
onChange={() => toggleFormat('Vinyl')}
text="Vinyl"
value="Vinyl"
{...props}
/>
</div>
)
}
export default SelectableIconSingleSelect
Version data entries
94 entries across 94 versions & 1 rubygems