/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/tabs/LabTabs.tsx
31 строка
1 KB
Siriwat K
[docs] Migrate content to the new location (#30757)
04 фев 2022, 07:13
Не верифицирован
04 фев 2022, 07:13
27f1c28
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import Tab from '@mui/material/Tab'; import TabContext from '@mui/lab/TabContext'; import TabList from '@mui/lab/TabList'; import TabPanel from '@mui/lab/TabPanel'; export default function LabTabs() { const [value, setValue] = React.useState('1'); const handleChange = (event: React.SyntheticEvent, newValue: string) => { setValue(newValue); }; return ( <Box sx={{ width: '100%', typography: 'body1' }}> <TabContext value={value}> <Box sx={{ borderBottom: 1, borderColor: 'divider' }}> <TabList onChange={handleChange} aria-label="lab API tabs example"> <Tab label="Item One" value="1" /> <Tab label="Item Two" value="2" /> <Tab label="Item Three" value="3" /> </TabList> </Box> <TabPanel value="1">Item One</TabPanel> <TabPanel value="2">Item Two</TabPanel> <TabPanel value="3">Item Three</TabPanel> </TabContext> </Box> ); }