@nosto/preact

    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)

    Index

    Properties

    activeHandle?: null | number
    allowCross?: boolean

    Allow handles to cross each other?

    bounds?: number[]
    children?: ComponentChildren
    classesPrefix?: string

    Prefix for secondary class names in component

    className?: string

    Component main class name

    count?: number

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

    defaultValue: number[]

    Initial values of handles

    disabled?: boolean

    Control disabled?

    dots?: boolean

    Show dots on slider (with step as interval)?

    handles?: Element[]
    handlesRefs?: Element[]
    included?: boolean

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

    lowerBound?: number
    marks?: SliderMarks

    Marks on the slider

    max?: number

    Maximum value

    min?: number

    Minimum value

    onEnd?: () => void
    onMove?: (position: number) => void
    onStart?: (position: number) => void
    pushable?: number | boolean

    Allow pushing of surrounding handles when moving with this distance

    sliderRefCallback?: RefCallback<HTMLDivElement>
    step?: number

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

    tracks?: Element[]
    upperBound?: number
    value?: number[]

    Current values of handles

    vertical?: boolean

    Vertical mode?

    Methods

    MMNEPVFCICPMFPCPTTAAATR