/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/LastActiveElementFocusExample.tsx
53 строки
1 KB
Ivan Iakovlev
docs(hooks): добавлены stories по хукам
20 ноя 2024, 11:54
20 ноя 2024, 11:54
7538000
Код
Авторство
О чём код?
import * as React from 'react' import { useLastActiveElementFocus, Button, Textarea } from '@v-uik/base' export const LastActiveElementFocusExample = (): JSX.Element => { const [focused, setFocused] = React.useState(false) const [text, setText] = React.useState<string>('') const handleAreaChange = (value: string) => { setText(value) } useLastActiveElementFocus(focused) return ( <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', }} > <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', alignSelf: 'center', gap: 8, maxWidth: 400, width: '100%', }} > <Textarea fullWidth placeholder="Insert Your Message" label="Message" value={text} onFocus={() => { setFocused(true) }} onChange={handleAreaChange} /> <Button style={{ width: 96 }} onClick={() => { setFocused(false) }} > Send </Button> </div> </div> ) }