/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/tabs/IconPositionTabs.js
28 строк
918 B
Alexandre Fauquette
[core][docs] add Eslint rule to ensure main demo component match file… (#37278)
28 июн 2023, 10:16
Не верифицирован
28 июн 2023, 10:16
7ca3214
Код
Авторство
О чём код?
import * as React from 'react'; import Tabs from '@mui/material/Tabs'; import Tab from '@mui/material/Tab'; import PhoneIcon from '@mui/icons-material/Phone'; import FavoriteIcon from '@mui/icons-material/Favorite'; import PersonPinIcon from '@mui/icons-material/PersonPin'; import PhoneMissedIcon from '@mui/icons-material/PhoneMissed'; export default function IconPositionTabs() { const [value, setValue] = React.useState(0); const handleChange = (event, newValue) => { setValue(newValue); }; return ( <Tabs value={value} onChange={handleChange} aria-label="icon position tabs example" > <Tab icon={<PhoneIcon />} label="top" /> <Tab icon={<PhoneMissedIcon />} iconPosition="start" label="start" /> <Tab icon={<FavoriteIcon />} iconPosition="end" label="end" /> <Tab icon={<PersonPinIcon />} iconPosition="bottom" label="bottom" /> </Tabs> ); }