UNPKG

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
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;