Sha256: 76de68a4df019da6dc1e0bbc9e991af8b87e01c987739fc7c7204e301dc2f5c4
Contents?: true
Size: 1.08 KB
Versions: 147
Compression:
Stored size: 1.08 KB
Contents
import React, { useState } from 'react'
import SelectableIcon from '../_selectable_icon'
const SelectableIconDefault = (props) => {
const [ checkSelected, toggleSelected ] = useState(true)
const [ checkUnselected, toggleUnselected ] = useState(false)
const [ checkDisabled, toggleDisabled ] = useState(false)
return (
<div className="pb--doc-demo-row">
<SelectableIcon
checked={checkSelected}
icon="dollar-sign"
inputId={10}
onChange={() => toggleSelected(!checkSelected)}
text="US Dollar"
{...props}
/>
<SelectableIcon
checked={checkUnselected}
icon="euro-sign"
inputId={11}
onChange={() => toggleUnselected(!checkUnselected)}
text="Euro"
{...props}
/>
<SelectableIcon
checked={checkDisabled}
disabled
icon="yen-sign"
inputId={12}
onChange={() => toggleDisabled(!checkDisabled)}
text="Yen"
{...props}
/>
</div>
)
}
export default SelectableIconDefault
Version data entries
147 entries across 147 versions & 1 rubygems