Sha256: 35211a872023b38b22e06742d8d986c95efd66a2661cbfbf6d86485e451bba65
Contents?: true
Size: 1.03 KB
Versions: 83
Compression:
Stored size: 1.03 KB
Contents
import React, { useState } from 'react'
import { SelectableIcon } from '../../'
const SelectableIconDark = () => {
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}
dark
icon="file-word"
inputId={16}
onChange={() => toggleSelected(!checkSelected)}
text="Doc"
/>
<SelectableIcon
checked={checkUnselected}
dark
icon="file-pdf"
inputId={17}
onChange={() => toggleUnselected(!checkUnselected)}
text="PDF"
/>
<SelectableIcon
checked={checkDisabled}
dark
disabled
icon="file-image"
inputId={18}
onChange={() => toggleDisabled(!checkDisabled)}
text="PNG"
/>
</div>
)
}
export default SelectableIconDark
Version data entries
83 entries across 83 versions & 1 rubygems