/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/slider/RangeSlider.tsx
27 строк
629 B
Lee Jinwoo
[Slider] Narrow onChange value type (#44777)
23 янв 2025, 22:05
Не верифицирован
23 янв 2025, 22:05
ad4825a
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import Slider from '@mui/material/Slider'; function valuetext(value: number) { return `${value}°C`; } export default function RangeSlider() { const [value, setValue] = React.useState<number[]>([20, 37]); const handleChange = (event: Event, newValue: number[]) => { setValue(newValue); }; return ( <Box sx={{ width: 300 }}> <Slider getAriaLabel={() => 'Temperature range'} value={value} onChange={handleChange} valueLabelDisplay="auto" getAriaValueText={valuetext} /> </Box> ); }