/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/BodyScrollLockExample.tsx
31 строка
811 B
Denis Svyatovets
refactor: правки для работы с next 15
10 июн 2025, 12:52
10 июн 2025, 12:52
1b1b5f4
Код
Авторство
О чём код?
import * as React from 'react' import { Switch, LabelControl, useBodyScrollLock } from '@v-uik/base' 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(window.document.body) } else { enableBodyScroll(window.document.body) } } React.useEffect( () => () => enableBodyScroll(window.document.body), [enableBodyScroll] ) return ( <LabelControl name="scroll-lock" label="Scroll Lock" checked={value} control={<Switch />} onChange={handleChange} /> ) }