/
Bybaleshqa
/
Forktest
Обзор
Документация
Войти
/
Bybaleshqa
/
Forktest
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/BodyScrollLockExample.tsx
30 строк
786 B
Pavel Uryadyshev
docs: фикс документации по хукам
20 ноя 2024, 15:28
20 ноя 2024, 15:28
5eff7c9
Код
Авторство
О чём код?
import * as React from 'react' import { Switch, LabelControl, useBodyScrollLock } from '@v-uik/base' const BODY = window.document.body export const BodyScrollLockExample = (): JSX.Element => { const { enableBodyScroll, disableBodyScroll } = useBodyScrollLock() const [value, setValue] = React.useState(false) const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => { setValue(event.target.checked) if (event.target.checked) { disableBodyScroll(BODY) } else { enableBodyScroll(BODY) } } React.useEffect(() => () => enableBodyScroll(BODY), [enableBodyScroll]) return ( <LabelControl name="scroll-lock" label="Scroll Lock" checked={value} control={<Switch />} onChange={handleChange} /> ) }