/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/toggle-button/ToggleButtonsMultiple.js
38 строк
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 FormatBoldIcon from '@mui/icons-material/FormatBold'; import FormatItalicIcon from '@mui/icons-material/FormatItalic'; import FormatUnderlinedIcon from '@mui/icons-material/FormatUnderlined'; import FormatColorFillIcon from '@mui/icons-material/FormatColorFill'; import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown'; import ToggleButton from '@mui/material/ToggleButton'; import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'; export default function ToggleButtonsMultiple() { const [formats, setFormats] = React.useState(() => ['bold', 'italic']); const handleFormat = (event, newFormats) => { setFormats(newFormats); }; return ( <ToggleButtonGroup value={formats} onChange={handleFormat} aria-label="text formatting" > <ToggleButton value="bold" aria-label="bold"> <FormatBoldIcon /> </ToggleButton> <ToggleButton value="italic" aria-label="italic"> <FormatItalicIcon /> </ToggleButton> <ToggleButton value="underlined" aria-label="underlined"> <FormatUnderlinedIcon /> </ToggleButton> <ToggleButton value="color" aria-label="color" disabled> <FormatColorFillIcon /> <ArrowDropDownIcon /> </ToggleButton> </ToggleButtonGroup> ); }