fix(FormCustom): moved props spreading to Input rather than Label.

bootstrap-styled · Jan 21, 2019 · 1524e22 · 1524e22
1 parent b8feea3
commit 1524e22
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/Form/FormCustom.js b/src/Form/FormCustom.js
@@ -35,7 +35,6 @@ export const propTypes = {
 };
 class FormCustom extends React.Component {// eslint-disable-line react/prefer-stateless-function
   static propTypes = propTypes;
-
   render() {
     const {
       className,
@@ -54,12 +53,12 @@ class FormCustom extends React.Component {// eslint-disable-line react/prefer-st
     ), cssModule);
 
     const CustomInput = radio ? (
-      <Input defaultChecked={defaultChecked} checked={checked} type="radio" id={radio.id} name={radio.name} className="custom-control-input" />
+      <Input defaultChecked={defaultChecked} checked={checked} type="radio" id={radio.id} name={radio.name} className="custom-control-input" {...attributes} />
     ) : (
-      <Input defaultChecked={defaultChecked} checked={checked} type="checkbox" className="custom-control-input" />
+      <Input defaultChecked={defaultChecked} checked={checked} type="checkbox" className="custom-control-input" {...attributes} />
     );
     return (
-      <Label className={classes} {...attributes}>
+      <Label className={classes}>
         {CustomInput}
         <span className="custom-control-indicator"></span>
         <span className="custom-control-description">{children}</span>