GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-12-16 04:23:36 +01:00
Code Issues Releases Activity

Set tests.

Browse Source
This commit is contained in:
Bogdan Bodnar
2019-08-27 15:28:29 +02:00
parent 39a8c16824
commit 18e8e20206
18 changed files with 215 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/bootstrap/Checkbox.js
View File

@@ -5,11 +5,11 @@
* See /LICENSE for more information.
*/
import React from 'react';
import PropTypes from 'prop-types';
import {useUID} from 'react-uid';
import React from "react";
import PropTypes from "prop-types";
import { useUID } from "react-uid";
import {formFieldsSize} from './constants';
import { formFieldsSize } from "./constants";
CheckBox.propTypes = {
/** Label message */
@@ -19,28 +19,32 @@ CheckBox.propTypes = {
/** Apply default size (full-width) */
useDefaultSize: PropTypes.bool,
/** Control if checkbox is clickable */
disabled: PropTypes.bool
disabled: PropTypes.bool,
};
CheckBox.defaultProps = {
useDefaultSize: true,
disabled: false
disabled: false,
};
export function CheckBox({label, helpText, useDefaultSize, disabled, ...props}) {
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}
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>
{...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>
{helpText ? <small className="form-text text-muted">{helpText}</small> : null}
</div>
);
}