Sha256: 93ebf8c452eb2aa6be1e0968690e0da232da3822b1bb5bdbef7c7d80271ba1e7
Contents?: true
Size: 1.02 KB
Versions: 151
Compression:
Stored size: 1.02 KB
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconSingleSelect = () => {
const [selectedFormat, toggleFormat] = useState(null)
return (
<div className="pb--doc-demo-row">
<SelectableCardIcon
checked={selectedFormat === 'car'}
icon="car"
inputId={7}
name="select"
onChange={() => toggleFormat('car')}
titleText="Car"
value="car"
/>
<SelectableCardIcon
checked={selectedFormat === 'bus'}
icon="bus"
inputId={8}
name="select"
onChange={() => toggleFormat('bus')}
titleText="Bus"
value="bus"
/>
<SelectableCardIcon
checked={selectedFormat === 'subway'}
icon="subway"
inputId={9}
name="select"
onChange={() => toggleFormat('subway')}
titleText="Subway"
value="subway"
/>
</div>
)
}
export default SelectableCardIconSingleSelect
Version data entries
151 entries across 151 versions & 1 rubygems