/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/toggle-button/VerticalToggleButtons.tsx
33 строки
1017 B
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 ViewListIcon from '@mui/icons-material/ViewList'; import ViewModuleIcon from '@mui/icons-material/ViewModule'; import ViewQuiltIcon from '@mui/icons-material/ViewQuilt'; import ToggleButton from '@mui/material/ToggleButton'; import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'; export default function VerticalToggleButtons() { const [view, setView] = React.useState('list'); const handleChange = (event: React.MouseEvent<HTMLElement>, nextView: string) => { setView(nextView); }; return ( <ToggleButtonGroup orientation="vertical" value={view} exclusive onChange={handleChange} > <ToggleButton value="list" aria-label="list"> <ViewListIcon /> </ToggleButton> <ToggleButton value="module" aria-label="module"> <ViewModuleIcon /> </ToggleButton> <ToggleButton value="quilt" aria-label="quilt"> <ViewQuiltIcon /> </ToggleButton> </ToggleButtonGroup> ); }