/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/integrations/tailwindcss/TextFieldTailwind.js
33 строки
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import FormControl from '@mui/material/FormControl'; import InputLabel from '@mui/material/InputLabel'; import Input from '@mui/material/Input'; import FormHelperText from '@mui/material/FormHelperText'; export default function TextFieldTailwind() { return ( <FormControl> <InputLabel shrink htmlFor="component-outlined" className="relative top-0 left-0 transform-none text-sm font-medium text-neutral-800 dark:text-neutral-200 pointer-events-auto mb-0.5" > Name </InputLabel> <Input id="component-outlined" placeholder="Type your name" slotProps={{ root: { className: 'mt-0 -ml-0.5 px-2 h-10 border-1 border-neutral-300 dark:border-neutral-700 rounded-md has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm before:hidden after:hidden', }, input: { className: 'placeholder:opacity-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500', }, }} /> <FormHelperText className="ml-0">Some important helper text</FormHelperText> </FormControl> ); }