Add custom class to checkbox

dowjones · Sep 9, 2023 · f7f6e9c · f7f6e9c
1 parent 3bbe0d7
commit f7f6e9c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/tree-node/node-label.js b/src/tree-node/node-label.js
@@ -50,20 +50,22 @@ class NodeLabel extends PureComponent {
     }
 
     const sharedProps = { id, value, checked, disabled, readOnly, tabIndex: -1 }
-    const className = ['checkbox-item', mode === 'simpleSelect' && 'simple-select'].filter(Boolean).join(' ')
+    const className = ['checkbox-item form-check-input', mode === 'simpleSelect' && 'simple-select'].filter(Boolean).join(' ')
 
     return (
       <label title={title || label} htmlFor={id}>
         {mode === 'radioSelect' ? (
           <RadioButton name={clientId} className="radio-item" onChange={this.handleCheckboxChange} {...sharedProps} />
         ) : (
-          <Checkbox
+          <div className='form-check'>
+            <Checkbox
             name={id}
             className={className}
             indeterminate={showPartiallySelected && partial}
             onChange={this.handleCheckboxChange}
             {...sharedProps}
           />
+          </div>
         )}
         <span {...nodeLabelProps}>{label}</span>
       </label>