mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2025-12-16 04:23:36 +01:00
Set modules.
This commit is contained in:
46
src/bootstrap/Checkbox.js
Normal file
46
src/bootstrap/Checkbox.js
Normal file
@@ -0,0 +1,46 @@
|
||||
/*
|
||||
* Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
|
||||
*
|
||||
* This is free software, licensed under the GNU General Public License v3.
|
||||
* See /LICENSE for more information.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import {useUID} from 'react-uid';
|
||||
|
||||
import {formFieldsSize} from './constants';
|
||||
|
||||
CheckBox.propTypes = {
|
||||
/** Label message */
|
||||
label: PropTypes.string.isRequired,
|
||||
/** Help text message */
|
||||
helpText: PropTypes.string,
|
||||
/** Apply default size (full-width) */
|
||||
useDefaultSize: PropTypes.bool,
|
||||
/** Control if checkbox is clickable */
|
||||
disabled: PropTypes.bool
|
||||
};
|
||||
|
||||
CheckBox.defaultProps = {
|
||||
useDefaultSize: true,
|
||||
disabled: false
|
||||
};
|
||||
|
||||
export function CheckBox({label, helpText, useDefaultSize, disabled, ...props}) {
|
||||
const uid = useUID();
|
||||
return <div className={useDefaultSize ? formFieldsSize : ""} style={{marginBottom: '1rem'}}>
|
||||
<div className='custom-control custom-checkbox' style={{marginBottom: '0'}}>
|
||||
<input
|
||||
className='custom-control-input'
|
||||
type='checkbox'
|
||||
id={uid}
|
||||
disabled={disabled}
|
||||
|
||||
{...props}
|
||||
/>
|
||||
<label className='custom-control-label' htmlFor={uid} style={helpText ? {marginBottom: '0'} : null}>{label}</label>
|
||||
</div>
|
||||
{helpText ? <small className="form-text text-muted">{helpText}</small> : null}
|
||||
</div>
|
||||
}
|
||||
Reference in New Issue
Block a user