Sha256: a09857b238a056454d896d1a2e46032375d34218a34f3a3ae15fa03502404549
Contents?: true
Size: 1.03 KB
Versions: 1919
Compression:
Stored size: 1.03 KB
Contents
import React, { useState } from 'react'
import SelectableCardIcon from '../_selectable_card_icon'
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
1,919 entries across 1,919 versions & 2 rubygems