Sha256: 68782a8593cd6603bc695e08352f683be7eecd20e72d62f8c6ed21db16efcbf1
Contents?: true
Size: 1.01 KB
Versions: 94
Compression:
Stored size: 1.01 KB
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconDefault = (props) => {
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"
{...props}
/>
<SelectableCardIcon
bodyText="Export"
checked={unselected}
icon="chart-pie"
inputId={2}
onChange={() => setUnselected(!unselected)}
titleText="Market Share"
{...props}
/>
<SelectableCardIcon
bodyText="Export"
disabled
icon="analytics"
inputId={3}
titleText="Comprehensive"
{...props}
/>
</div>
)
}
export default SelectableCardIconDefault
Version data entries
94 entries across 94 versions & 1 rubygems