Sha256: 0dd4479d22a559077bba59a69ff2ea597aa6c803a2160c305a4902d9fcb36c20
Contents?: true
Size: 970 Bytes
Versions: 151
Compression:
Stored size: 970 Bytes
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconDefault = () => {
const [selected, setSelected] = useState(true)
const [unselected, setUnselected] = useState(false)
return (
<div className="pb--doc-demo-row">
<SelectableCardIcon
bodyText="Export"
checked={selected}
icon="chart-line"
inputId={1}
onChange={() => setSelected(!selected)}
titleText="Quarterly Report"
/>
<SelectableCardIcon
bodyText="Export"
checked={unselected}
icon="chart-pie"
inputId={2}
onChange={() => setUnselected(!unselected)}
titleText="Market Share"
/>
<SelectableCardIcon
bodyText="Export"
disabled
icon="analytics"
inputId={3}
titleText="Comprehensive"
/>
</div>
)
}
export default SelectableCardIconDefault
Version data entries
151 entries across 151 versions & 1 rubygems