/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/slider/DiscreteSliderLabel.js
40 строк
632 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Box from '@mui/material/Box'; import Slider from '@mui/material/Slider'; const marks = [ { value: 0, label: '0°C', }, { value: 20, label: '20°C', }, { value: 37, label: '37°C', }, { value: 100, label: '100°C', }, ]; function valuetext(value) { return `${value}°C`; } export default function DiscreteSliderLabel() { return ( <Box sx={{ width: 300 }}> <Slider aria-label="Always visible" defaultValue={80} getAriaValueText={valuetext} step={10} marks={marks} valueLabelDisplay="on" /> </Box> ); }