mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-12-25 00:11:36 +01:00
Add className prop to CheckBox and Radio components
This commit is contained in:
parent
3b48510246
commit
d69398ac06
|
@ -17,17 +17,19 @@ CheckBox.propTypes = {
|
|||
helpText: PropTypes.string,
|
||||
/** Control if checkbox is clickable */
|
||||
disabled: PropTypes.bool,
|
||||
/** Additional class name */
|
||||
className: PropTypes.string,
|
||||
};
|
||||
|
||||
CheckBox.defaultProps = {
|
||||
disabled: false,
|
||||
};
|
||||
|
||||
function CheckBox({ label, helpText, disabled, ...props }) {
|
||||
function CheckBox({ label, helpText, disabled, className, ...props }) {
|
||||
const uid = useUID();
|
||||
|
||||
return (
|
||||
<div className="mb-3 form-check">
|
||||
<div className={`${className || "mb-3"} form-check`.trim()}>
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
|
|
|
@ -83,12 +83,13 @@ Radio.propTypes = {
|
|||
id: PropTypes.string.isRequired,
|
||||
inline: PropTypes.bool,
|
||||
helpText: PropTypes.string,
|
||||
className: PropTypes.string,
|
||||
};
|
||||
|
||||
export function Radio({ label, id, helpText, inline, ...props }) {
|
||||
export function Radio({ label, id, helpText, inline, className, ...props }) {
|
||||
return (
|
||||
<div
|
||||
className={`mb-2 ${inline ? "form-check form-check-inline" : ""}`.trim()}
|
||||
className={`${className || "mb-3"} ${inline ? "form-check form-check-inline" : ""}`.trim()}
|
||||
>
|
||||
<input
|
||||
id={id}
|
||||
|
|
Loading…
Reference in New Issue
Block a user