fix: add id prop to improve accessibility (#8030)

navedqb · web-flow · commit c72210495c7a · 2025-05-22T07:38:07.000-04:00
* feat(TriStateCheckbox): add id prop to improve accessibility

* edit: comma
diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.js b/components/lib/tristatecheckbox/TriStateCheckbox.js
@@ -124,6 +124,7 @@ export const TriStateCheckbox = React.memo(
 
         const boxProps = mergeProps(
             {
+                id: props.id + '_box',
                 className: cx('box'),
                 tabIndex: props.disabled ? '-1' : props.tabIndex,
                 onFocus: onFocus,

Original file line number	Diff line number	Diff line change
`@@ -124,6 +124,7 @@ export const TriStateCheckbox = React.memo(`
`124`	`124`
`125`	`125`	`const boxProps = mergeProps(`
`126`	`126`	`{`
	`127`	`+ id: props.id + '_box',`
`127`	`128`	`className: cx('box'),`
`128`	`129`	`tabIndex: props.disabled ? '-1' : props.tabIndex,`
`129`	`130`	`onFocus: onFocus,`