Sha256: cb76d0bdb2360ce6a1576ad4c035f5f93d99c5f65f7e650affadfe7f97bec261
Contents?: true
Size: 1.03 KB
Versions: 151
Compression:
Stored size: 1.03 KB
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconCheckmark = () => {
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"
/>
<SelectableCardIcon
bodyText="Poof, you're a sandwich."
checked={unselected}
checkmark
icon="hat-wizard"
inputId={5}
onChange={() => setUnselected(!unselected)}
titleText="Wizard"
/>
<SelectableCardIcon
bodyText="Where is the lamb sauce?"
checkmark
disabled
icon="hat-chef"
inputId={6}
titleText="Chef"
/>
</div>
)
}
export default SelectableCardIconCheckmark
Version data entries
151 entries across 151 versions & 1 rubygems