/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/integrations/interoperability/StyledComponentsTheme.tsx
31 строка
665 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { createTheme, styled, ThemeProvider, darken } from '@mui/material/styles'; import Slider from '@mui/material/Slider'; import Box from '@mui/material/Box'; const customTheme = createTheme({ palette: { primary: { main: '#20b2aa', }, }, }); const CustomizedSlider = styled(Slider)( ({ theme }) => ` color: ${theme.palette.primary.main}; :hover { color: ${darken(theme.palette.primary.main, 0.2)}; } `, ); export default function StyledComponentsTheme() { return ( <Box sx={{ width: 300 }}> <ThemeProvider theme={customTheme}> <CustomizedSlider defaultValue={30} /> </ThemeProvider> </Box> ); }