audiolux-multi-range-slider
Version:
Simple component to select range values from slider. React component that return two value minValue and maxValue by event onInput/onChange. A custom fork of multi-range-slider-react
40 lines (39 loc) • 1.2 kB
TypeScript
import React from 'react';
import './multirangeslider.css';
import './multirangesliderblack.css';
declare type Props = {
id?: string;
min?: number | string;
max?: number | string;
step?: number | string;
minValue?: number | string;
maxValue?: number | string;
baseClassName?: string;
className?: string;
disabled?: boolean;
canMinMaxValueSame?: boolean;
style?: React.CSSProperties;
ruler?: boolean | string;
label?: boolean | string;
subSteps?: boolean | string;
stepOnly?: boolean | string;
preventWheel?: boolean | string;
labels?: string[];
minCaption?: string;
maxCaption?: string;
barLeftColor?: string;
barRightColor?: string;
barInnerColor?: string;
thumbLeftColor?: string;
thumbRightColor?: string;
onInput?: (e: ChangeResult) => void;
onChange?: (e: ChangeResult) => void;
};
export declare type ChangeResult = {
min: number;
max: number;
minValue: number;
maxValue: number;
};
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>>;
export default _default;