Last change
on this file since dfd5d87 was dfd5d87, checked in by Marko <Marko@…>, 22 months ago |
Registration logic with confirmation token implemented
|
-
Property mode
set to
100644
|
File size:
739 bytes
|
Rev | Line | |
---|
[dfd5d87] | 1 | import * as React from 'react';
|
---|
| 2 | import Box from '@mui/material/Box';
|
---|
| 3 | import Slider from '@mui/material/Slider';
|
---|
| 4 | import "./FilterPriceComponent.css"
|
---|
| 5 |
|
---|
| 6 | function valuetext(value) {
|
---|
| 7 | return `${value}°C`;
|
---|
| 8 | }
|
---|
| 9 |
|
---|
| 10 | export default function RangeSlider() {
|
---|
| 11 | const [value, setValue] = React.useState([20, 37]);
|
---|
| 12 |
|
---|
| 13 | const handleChange = (event, newValue) => {
|
---|
| 14 | setValue(newValue);
|
---|
| 15 | };
|
---|
| 16 |
|
---|
| 17 | return (
|
---|
| 18 | <div id="priceContainer">
|
---|
| 19 | <label id="priceLabel">Цена:</label>
|
---|
| 20 | <Box id="box" sx={{ width: 350 }}>
|
---|
| 21 | <Slider
|
---|
| 22 | id="slider"
|
---|
| 23 | getAriaLabel={() => 'Price range'}
|
---|
| 24 | value={value}
|
---|
| 25 | onChange={handleChange}
|
---|
| 26 | valueLabelDisplay="auto"
|
---|
| 27 | getAriaValueText={valuetext}
|
---|
| 28 | />
|
---|
| 29 | </Box>
|
---|
| 30 | </div>
|
---|
| 31 | );
|
---|
| 32 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.