We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent f2b6167 commit 6836cfbCopy full SHA for 6836cfb
1 file changed
src/index.tsx
@@ -1,4 +1,4 @@
1
-import React, { CSSProperties, useState } from 'react';
+import React, { CSSProperties, useEffect, useState } from 'react';
2
3
interface ToggleSliderHandleProps extends CSSProperties {
4
size: number | string,
@@ -123,4 +123,15 @@ function ToggleSlider({
123
);
124
}
125
126
+export function useToggleSlider(props?: ToggleSliderProps) {
127
+
128
+ const [activeState, setActiveState] = useState(props?.active ?? false);
129
+ function onToggle(value: boolean) {
130
+ setActiveState(value);
131
+ }
132
133
+ return [<ToggleSlider onToggle={onToggle} {...props}/>, activeState]
134
135
+}
136
137
export default ToggleSlider;
0 commit comments