/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/slider/VerticalSlider.js
54 строки
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Stack from '@mui/material/Stack'; import Slider from '@mui/material/Slider'; export default function VerticalSlider() { return ( <Stack sx={{ height: 300 }} spacing={1} direction="row"> <Slider aria-label="Temperature" orientation="vertical" getAriaValueText={getAriaValueText} valueLabelDisplay="auto" defaultValue={30} /> <Slider aria-label="Temperature" orientation="vertical" defaultValue={30} valueLabelDisplay="auto" disabled /> <Slider getAriaLabel={() => 'Temperature'} orientation="vertical" getAriaValueText={getAriaValueText} defaultValue={[20, 37]} valueLabelDisplay="auto" marks={marks} /> </Stack> ); } function getAriaValueText(value) { return `${value}°C`; } const marks = [ { value: 0, label: '0°C', }, { value: 20, label: '20°C', }, { value: 37, label: '37°C', }, { value: 100, label: '100°C', }, ];