Sha256: d6e90e73726132ecb6c1bd87672d5c12e87b6d4f53e6d62ec1ac76316d080c31
Contents?: true
Size: 1.09 KB
Versions: 94
Compression:
Stored size: 1.09 KB
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconSingleSelect = (props) => {
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"
{...props}
/>
<SelectableCardIcon
checked={selectedFormat === 'bus'}
icon="bus"
inputId={8}
name="select"
onChange={() => toggleFormat('bus')}
titleText="Bus"
value="bus"
{...props}
/>
<SelectableCardIcon
checked={selectedFormat === 'subway'}
icon="subway"
inputId={9}
name="select"
onChange={() => toggleFormat('subway')}
titleText="Subway"
value="subway"
{...props}
/>
</div>
)
}
export default SelectableCardIconSingleSelect
Version data entries
94 entries across 94 versions & 1 rubygems