/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/text-fields/UseFormControl.tsx
29 строк
780 B
Olivier Tassinari
[core] Remove unnecessary Box (#38461)
20 авг 2023, 14:19
Не верифицирован
20 авг 2023, 14:19
5eb3481
Код
Авторство
О чём код?
import * as React from 'react'; import FormControl, { useFormControl } from '@mui/material/FormControl'; import OutlinedInput from '@mui/material/OutlinedInput'; import FormHelperText from '@mui/material/FormHelperText'; function MyFormHelperText() { const { focused } = useFormControl() || {}; const helperText = React.useMemo(() => { if (focused) { return 'This field is being focused'; } return 'Helper text'; }, [focused]); return <FormHelperText>{helperText}</FormHelperText>; } export default function UseFormControl() { return ( <form noValidate autoComplete="off"> <FormControl sx={{ width: '25ch' }}> <OutlinedInput placeholder="Please enter text" /> <MyFormHelperText /> </FormControl> </form> ); }