/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/slider/ContinuousSlider.js
25 строк
781 B
Siriwat K
[docs] Migrate system props to `sx` prop (#42475)
05 июн 2024, 06:04
Не верифицирован
05 июн 2024, 06:04
6fe1242
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; import Slider from '@mui/material/Slider'; import VolumeDown from '@mui/icons-material/VolumeDown'; import VolumeUp from '@mui/icons-material/VolumeUp'; export default function ContinuousSlider() { const [value, setValue] = React.useState(30); const handleChange = (event, newValue) => { setValue(newValue); }; return ( <Box sx={{ width: 200 }}> <Stack spacing={2} direction="row" sx={{ alignItems: 'center', mb: 1 }}> <VolumeDown /> <Slider aria-label="Volume" value={value} onChange={handleChange} /> <VolumeUp /> </Stack> <Slider disabled defaultValue={30} aria-label="Disabled slider" /> </Box> ); }