File tree Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -28,7 +28,7 @@ const Toggle = ({
28
28
Icon = null ,
29
29
iconClass = '' ,
30
30
throttleOnChange = false ,
31
- preventDefaultOnLabel = false ,
31
+ shouldToggleValueOnLabelClick = false ,
32
32
...props
33
33
} ) => {
34
34
const [ active , setActive ] = React . useState ( selected )
@@ -62,7 +62,7 @@ const Toggle = ({
62
62
}
63
63
64
64
const handleLabelClick = ( e : SyntheticEvent ) => {
65
- if ( preventDefaultOnLabel ) {
65
+ if ( shouldToggleValueOnLabelClick ) {
66
66
e . preventDefault ( )
67
67
handleChange ( )
68
68
}
@@ -73,7 +73,7 @@ const Toggle = ({
73
73
{ ...props }
74
74
className = { `${ rootClassName } toggle__switch ${ disabled ? 'disabled' : '' } ` }
75
75
style = { { [ '--color' as any ] : color } }
76
- onClick = { handleLabelClick }
76
+ { ... ( shouldToggleValueOnLabelClick ? { onClick : handleLabelClick } : { } ) }
77
77
>
78
78
< input type = "checkbox" checked = { ! ! active } onChange = { handleChange } className = "toggle__input" />
79
79
< span className = { `toggle__slider ${ Icon ? 'with-icon br-4 dc__border' : 'round' } ` } data-testid = { dataTestId } >
You can’t perform that action at this time.
0 commit comments