fix: change Checkbox component from label to div for better semantics

This commit is contained in:
alexsparkes
2026-01-25 19:22:07 +00:00
parent a6e1490edb
commit 9410d89cea

View File

@@ -34,7 +34,7 @@ const Checkbox = memo((props) => {
}, [checked, props]);
return (
<label className={`checkbox-wrapper ${props.disabled ? 'disabled' : ''}`}>
<div className={`checkbox-wrapper ${props.disabled ? 'disabled' : ''}`}>
<span className="checkbox-label">{props.text}</span>
<div
className={`checkbox-box ${checked ? 'checked' : ''}`}
@@ -49,8 +49,9 @@ const Checkbox = memo((props) => {
onChange={handleChange}
disabled={props.disabled || false}
className="checkbox-input"
aria-hidden="true"
/>
</label>
</div>
);
});