/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/components/showcase/ThemeSwitch.tsx
36 строк
936 B
Siriwat K
[Checkbox][Radio][Switch] Remove deprecated inputProps and inputRef (#48059)
23 мар 2026, 09:29
Не верифицирован
23 мар 2026, 09:29
58cf9c2
Код
Авторство
О чём код?
import Box from '@mui/material/Box'; import Switch, { switchClasses } from '@mui/material/Switch'; export default function ThemeSwitch() { const label = { slotProps: { input: { 'aria-label': 'Themed Switch' } } }; return ( <Box sx={{ display: 'flex', justifyContent: 'space-between', flexGrow: 1, [`& .${switchClasses.root}`]: { width: 32, height: 20, padding: 0, [`& .${switchClasses.switchBase}`]: { padding: '3px', color: '#fff', [`&.${switchClasses.checked}`]: { transform: 'translateX(12px)', }, }, [`& .${switchClasses.thumb}`]: { padding: 0, height: 14, width: 14, boxShadow: 'none', }, }, }} > <Switch defaultChecked {...label} /> <Switch {...label} /> </Box> ); }