@blueprintjs/core
Version:
Core styles & components
31 lines (30 loc) • 1.2 kB
TypeScript
import * as React from "react";
import { CoreSlider, ICoreSliderProps } from "./coreSlider";
export declare type NumberRange = [number, number];
export interface IRangeSliderProps extends ICoreSliderProps {
/**
* Range value of slider. Handles will be rendered at each position in the range.
* @default [0, 10]
*/
value?: NumberRange;
/** Callback invoked when the range value changes. */
onChange?(value: NumberRange): void;
/** Callback invoked when a handle is released. */
onRelease?(value: NumberRange): void;
}
export declare class RangeSlider extends CoreSlider<IRangeSliderProps> {
static defaultProps: IRangeSliderProps;
displayName: string;
className: string;
private handles;
protected renderFill(): JSX.Element;
protected renderHandles(): JSX.Element[];
protected handleTrackClick(event: MouseEvent | React.MouseEvent<HTMLElement>): void;
protected validateProps(props: IRangeSliderProps): void;
private addHandleRef;
private getHandlerForIndex;
private handleChange;
}
export declare const RangeSliderFactory: React.ComponentFactory<IRangeSliderProps & {
children?: React.ReactNode;
}, RangeSlider>;