/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/BodyScrollOnMountRefExample.tsx
29 строк
889 B
Ivan Iakovlev
docs(hooks): добавлены stories по хукам
20 ноя 2024, 11:54
20 ноя 2024, 11:54
7538000
Код
Авторство
О чём код?
import * as React from 'react' import { useBodyScrollLock, Text, Accordion, AccordionItem } from '@v-uik/base' export const BodyScrollOnMountRefExample = (): JSX.Element => { const { lockOnMountNodeRef } = useBodyScrollLock() const [expanded, setExpanded] = React.useState<string | null>(null) const isExpanded = expanded === 'first' const handleOpen = (field: string) => () => { setExpanded(field === expanded ? null : field) } return ( <Accordion> <AccordionItem expanded={isExpanded} header={`${isExpanded ? 'Close ' : 'Open'} Important Message`} onClick={handleOpen('first')} > <Text ref={lockOnMountNodeRef}> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quam tellus, rhoncus vel lectus a, rhoncus aliquet dolor. </Text> </AccordionItem> </Accordion> ) }