1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-10-16 06:03:37 +02:00

Form widgets size

This commit is contained in:
Maciej Lenartowicz
2020-01-07 13:27:49 +01:00
parent c67ad164ce
commit 56a4c47948
17 changed files with 37 additions and 45 deletions

View File

@@ -9,30 +9,25 @@ 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
label, helpText, disabled, ...props
}) {
const uid = useUID();
return (
<div className={`form-group ${useDefaultSize ? formFieldsSize : ""}`.trim()}>
<div className="form-group">
<div className="custom-control custom-checkbox ">
<input
className="custom-control-input"