/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/text-fields/CustomizedInputBase.js
32 строки
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Paper from '@mui/material/Paper'; import InputBase from '@mui/material/InputBase'; import Divider from '@mui/material/Divider'; import IconButton from '@mui/material/IconButton'; import MenuIcon from '@mui/icons-material/Menu'; import SearchIcon from '@mui/icons-material/Search'; import DirectionsIcon from '@mui/icons-material/Directions'; export default function CustomizedInputBase() { return ( <Paper component="form" sx={{ p: '2px 4px', display: 'flex', alignItems: 'center', width: 400 }} > <IconButton sx={{ p: '10px' }} aria-label="menu"> <MenuIcon /> </IconButton> <InputBase sx={{ ml: 1, flex: 1 }} placeholder="Search Google Maps" inputProps={{ 'aria-label': 'search google maps' }} /> <IconButton type="button" sx={{ p: '10px' }} aria-label="search"> <SearchIcon /> </IconButton> <Divider sx={{ height: 28, m: 0.5 }} orientation="vertical" /> <IconButton color="primary" sx={{ p: '10px' }} aria-label="directions"> <DirectionsIcon /> </IconButton> </Paper> ); }