Sha256: e7251275e524509b6ebb91b7e9376eb9f66899961a72329622f28cf46558d263
Contents?: true
Size: 707 Bytes
Versions: 76
Compression:
Stored size: 707 Bytes
Contents
import React, { useState } from 'react'
import { Checkbox } from '../../'
const CheckboxCustom = (props) => {
const [checked, setChecked] = useState(false)
const handleOnChange = () => {
setChecked(!checked)
}
return (
<div>
{`The checkbox is ${checked ? 'checked' : 'unchecked'}.`}
<br />
<br />
<div>
<Checkbox
{...props}
text="Toggle Me"
>
<input
checked={checked}
name="custom-name"
onChange={handleOnChange}
type="checkbox"
value="custom-value"
/>
</Checkbox>
</div>
</div>
)
}
export default CheckboxCustom
Version data entries
76 entries across 76 versions & 1 rubygems