Sha256: e4a862461250c87eedaaa843253edd0d35ee9d2c112ebe66929097a8c247bed1
Contents?: true
Size: 1.66 KB
Versions: 237
Compression:
Stored size: 1.66 KB
Contents
import React, { useState } from 'react'
import SelectableCard from '../_selectable_card.jsx'
const SelectableCardDefault = (props) => {
const [selectedWithIcon, setSelectedWithIcon] = useState(true)
const [selectedNoIcon, setSelectedNoIcon] = useState(true)
const [unselected, setUnselected] = useState(false)
const [disabled, setDisabled] = useState(false)
return (
<div className="pb--doc-demo-row">
<SelectableCard
checked={selectedWithIcon}
icon
inputId="selectedWithIcon"
name="selectedWithIcon"
onChange={() => setSelectedWithIcon(!selectedWithIcon)}
value="selectedWithIcon"
{...props}
>
{'Selected, with icon'}
</SelectableCard>
<SelectableCard
checked={selectedNoIcon}
icon={false}
inputId="selectedWithoutIcon"
name="selectedWithoutIcon"
onChange={() => setSelectedNoIcon(!selectedNoIcon)}
value="selectedWithoutIcon"
{...props}
>
{'Selected, without icon'}
</SelectableCard>
<SelectableCard
checked={unselected}
inputId="unselected"
name="unselected"
onChange={() => setUnselected(!unselected)}
value="unselected"
{...props}
>
{'Unselected'}
</SelectableCard>
<SelectableCard
checked={disabled}
disabled
inputId="disabled"
name="disabled"
onChange={() => setDisabled(!disabled)}
value="disabled"
{...props}
>
{'Disabled'}
</SelectableCard>
</div>
)
}
export default SelectableCardDefault
Version data entries
237 entries across 237 versions & 1 rubygems