/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/components/showcase/ThemeToggleButton.tsx
49 строк
1 KB
Albert Yu
[docs] Rename "Base UI" to "MUI Base" in all text (#45060)
20 янв 2025, 17:34
Не верифицирован
20 янв 2025, 17:34
ca6afdb
Код
Авторство
О чём код?
import * as React from 'react'; import Fade from '@mui/material/Fade'; import ToggleButton from '@mui/material/ToggleButton'; import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'; export default function ThemeToggleButton() { const [lang, setLang] = React.useState('joy'); return ( <Fade in timeout={700}> <ToggleButtonGroup fullWidth // size="small" color="primary" value={lang} exclusive onChange={(event, value) => setLang(value)} aria-label="language" sx={[ { bgcolor: '#fff', '& .MuiToggleButton-root': { textTransform: 'none', fontWeight: 'medium', color: 'text.secondary', '&.Mui-selected': { color: 'primary.700', bgcolor: 'primary.50', }, }, }, (theme) => theme.applyDarkStyles({ bgcolor: 'primaryDark.900', '& .MuiToggleButton-root': { '&.Mui-selected': { color: 'primary.100', bgcolor: 'primary.900', }, }, }), ]} > <ToggleButton value="joy">Joy UI</ToggleButton> <ToggleButton value="material">Material UI</ToggleButton> <ToggleButton value="base">MUI Base</ToggleButton> </ToggleButtonGroup> </Fade> ); }