From f7f6e9c67bd2a36e2df25df1ca14595335f9c679 Mon Sep 17 00:00:00 2001
From: lqminh268 <lq.minh268@gmail.com>
Date: Sat, 9 Sep 2023 18:14:17 +0700
Subject: [PATCH] Add custom class to checkbox

---
 src/tree-node/node-label.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/tree-node/node-label.js b/src/tree-node/node-label.js
index a83d5067..d28d3d30 100644
--- 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>