does it support reactjs Typescript?

[miskeen110]

No description provided.

[nihiluis]

you can create your own type definitions or just ignore types for this lib.

[HeratPatel1]

I used it with typescript. May be it helps you.

`import * as React from 'react';
import Slider from 'react-rangeslider';

interface Props {
min?: number;
max?: number;
step?: number;
value: number;
orientation?: string;
reverse?: boolean;
tooltip?: boolean;
labels?: object;
handleLabel?: boolean;
format?: Function;
};

class SliderComponent extends React.Component<Props, any> {
constructor(props) {
super(props);
this.state = {
sliderValue: 0
};
}

componentWillMount() {
    const { value } = this.props;
    this.setState({
        sliderValue: value
    });        
}

handleOnChange = value => {
    this.setState({
        sliderValue: value,
    });        
}

handleOnChangeStart = value => {

}

handleOnChangeComplete = value => {

}

render() {
    const {
        min,
        max,
        step,
        orientation,
        tooltip,
        reverse,
        labels,
        format,
        handleLabel
    } = this.props;
    let { sliderValue } = this.state;
    return (
        <div>
            <Slider
                min={min ? min : 0}
                max={max ? max : 100}
                step={step ? step : 1}
                value={sliderValue}
                orientation={orientation ? orientation : 'horizontal'}
                reverse={reverse}
                tooltip={tooltip}
                labels={labels ? labels : null}
                handleLabel={handleLabel ? handleLabel : ''}
                format={format ? format : null}
                onChange={this.handleOnChange}
                onChangeStart={this.handleOnChangeStart}
                onChangeComplete={this.handleOnChangeComplete}
                disabled
            />
        </div>
    )
}

}

export default SliderComponent as Slider;`

[aponomy]

Try creating a index.d.ts file at /scr/@types/react-rangefinder/ with this content, it should work.

declare module 'react-rangeslider' {

	export interface SliderProps {
		min?: number;
		max?: number;
		step?: number;
		value: number;
		orientation?: string;
		reverse?: boolean;
		tooltip?: boolean;
		labels?: object;
		handleLabel?: boolean;
		format?: Function;
		onChange?(value:number):void;
		onChangeStart?(value:number):void;
		onChangeComplete?(value:number):void;
		disabled?:boolean
	}

	export default class Slider extends React.Component<SliderProps> {
	}
}

[RichieRock]

FYI, I created types to DefinitelyTyped for this package. Slightly modified @aponomy's types and made a pull request: DefinitelyTyped/DefinitelyTyped#31721