Interface MultiSliderProps

interface MultiSliderProps {
    activeHandle?: null | number;
    allowCross?: boolean;
    bounds?: number[];
    children?: ComponentChildren;
    classesPrefix?: string;
    className?: string;
    count?: number;
    defaultValue: number[];
    disabled?: boolean;
    dots?: boolean;
    handles?: Element[];
    handlesRefs?: Element[];
    included?: boolean;
    lowerBound?: number;
    marks?: SliderMarks;
    max?: number;
    min?: number;
    onEnd?: () => void;
    onMove?: (position: number) => void;
    onStart?: (position: number) => void;
    pushable?: number | boolean;
    sliderRefCallback?: RefCallback<HTMLDivElement>;
    step?: number;
    tracks?: Element[];
    upperBound?: number;
    value?: number[];
    vertical?: boolean;
    onAfterChange(value: number[]): void;
    onBeforeChange(value: number[]): void;
    onChange(value: number[]): void;
    tipFormatter(value: number): ComponentChildren;
}

Hierarchy (View Summary)

Properties

activeHandle? allowCross? bounds? children? classesPrefix? className? count? defaultValue disabled? dots? handles? handlesRefs? included? lowerBound? marks? max? min? onEnd? onMove? onStart? pushable? sliderRefCallback? step? tracks? upperBound? value? vertical?

Methods

onAfterChange onBeforeChange? onChange tipFormatter?

Properties

OptionalactiveHandle

activeHandle?: null | number

OptionalallowCross

allowCross?: boolean

Allow handles to cross each other?

Optionalbounds

bounds?: number[]

Optionalchildren

children?: ComponentChildren

OptionalclassesPrefix

classesPrefix?: string

Prefix for secondary class names in component

OptionalclassName

className?: string

Component main class name

Optionalcount

count?: number

How many ranges to render (handles count = count + 1)

defaultValue

defaultValue: number[]

Initial values of handles

Optionaldisabled

disabled?: boolean

Control disabled?

Optionaldots

dots?: boolean

Show dots on slider (with step as interval)?

Optionalhandles

handles?: Element[]

OptionalhandlesRefs

handlesRefs?: Element[]

Optionalincluded

included?: boolean

As continuous value interval (otherwise, as independent values)?

OptionallowerBound

lowerBound?: number

Optionalmarks

marks?: SliderMarks

Marks on the slider

Optionalmax

max?: number

Maximum value

Optionalmin

min?: number

Minimum value

OptionalonEnd

onEnd?: () => void

OptionalonMove

onMove?: (position: number) => void

OptionalonStart

onStart?: (position: number) => void

Optionalpushable

pushable?: number | boolean

Allow pushing of surrounding handles when moving with this distance

OptionalsliderRefCallback

sliderRefCallback?: RefCallback<HTMLDivElement>

Optionalstep

step?: number

Value to be added or subtracted on each step the slider makes

Optionaltracks

tracks?: Element[]

OptionalupperBound

upperBound?: number

Optionalvalue

value?: number[]

Current values of handles

Optionalvertical

vertical?: boolean

Vertical mode?

Methods

onAfterChange

OptionalonBeforeChange

onChange

OptionaltipFormatter

Settings

Member Visibility

On This Page

Properties
Methods