Sha256: 2fbe11dfd867d12f230ec21da24dceaf222d3f8121957ba962e97303a2936fb5
Contents?: true
Size: 1.1 KB
Versions: 94
Compression:
Stored size: 1.1 KB
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconCheckmark = (props) => {
const [selected, setSelected] = useState(true)
const [unselected, setUnselected] = useState(false)
return (
<div className="pb--doc-demo-row">
<SelectableCardIcon
bodyText="Howdy Partner."
checked={selected}
checkmark
icon="hat-cowboy"
inputId={4}
onChange={() => setSelected(!selected)}
titleText="Cowboy"
{...props}
/>
<SelectableCardIcon
bodyText="Poof, you're a sandwich."
checked={unselected}
checkmark
icon="hat-wizard"
inputId={5}
onChange={() => setUnselected(!unselected)}
titleText="Wizard"
{...props}
/>
<SelectableCardIcon
bodyText="Where is the lamb sauce?"
checkmark
disabled
icon="hat-chef"
inputId={6}
titleText="Chef"
{...props}
/>
</div>
)
}
export default SelectableCardIconCheckmark
Version data entries
94 entries across 94 versions & 1 rubygems