All files / components/ui/RangeInput RangeInput.tsx

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
1x
1x
 
 
1x
17x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
import {forwardRef} from 'react';
import styles from './RangeInput.module.scss';
import {RangeInputProps} from '../../../types/types';
 
const RangeInput = forwardRef<HTMLInputElement, RangeInputProps>(({ ...props }, ref) => {
    return (
        <input
            ref={ref}
            className={styles['range-input']}
            type="range"
            id={props.id}
            name={props.name}
            min={props.min}
            max={props.max}
            step={props.step}
            value={props.value}
            disabled={props.disabled}
            title={props.title}
            onChange={props.onChange}
        />
    );
});
 
export default RangeInput;