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
|
Line | |
---|
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.