blob: 11729665f33b3b76d3e062310d0ce9b78702c870 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
function InputRange({
label,
id,
name,
min = 5,
max = 200,
step = 1,
unit = "px",
value,
onChangeHandler,
}) {
return (
<>
{label ? (
<label className="form__label" htmlFor={id}>
{label}
</label>
) : (
""
)}
<input
type="range"
id={id}
name={name}
min={min}
max={max}
step={step}
value={value}
onChange={onChangeHandler}
title={`${value}${unit}`}
className="form__input form__input--range"
/>
</>
);
}
export default InputRange;
|
