Sha256: e03a8d9c60525c7f582527c8e479000e33f144d733f03616482302ff8f96287b
Contents?: true
Size: 837 Bytes
Versions: 8
Compression:
Stored size: 837 Bytes
Contents
/* @flow */
import React from 'react'
import Body from '../pb_body/_body.jsx'
import Icon from '../pb_icon/_icon.jsx'
type CheckboxProps = {
checked?: Boolean,
dark?: Boolean,
name:String,
text: String,
value:String,
}
const Checkbox = ({
checked=false,
dark=false,
name='',
text='',
value='',
}: CheckboxProps) => {
const bodyClassName = {
'pb_checkbox_label': true,
'_dark': dark,
}
return (
<label
className={
`pb_checkbox_kit` +
(dark === true ? '_dark' : '')
}
> <input type="checkbox" name={name} value={value} defaultChecked={checked}/>
<span className="pb_checkbox_checkmark">
<Icon className="check_icon" icon="check" fixedWidth />
</span>
<Body className={bodyClassName}>{text}</Body>
</label>
)
}
export default Checkbox
Version data entries
8 entries across 8 versions & 1 rubygems