interface Slider {
    active: number;
    activebgcolor: Color;
    bgcolor: Color;
    bordercolor: Color;
    borderwidth: number;
    currentvalue: Partial<CurrentValue>;
    font: Font;
    len: number;
    lenmode: "fraction" | "pixels";
    minorticklen: number;
    pad: Partial<Padding>;
    steps: Partial<SliderStep>[];
    tickcolor: Color;
    ticklen: number;
    tickwidth: number;
    transition: Transition;
    visible: boolean;
    x: number;
    xanchor:
        | "auto"
        | "left"
        | "center"
        | "right";
    y: number;
    yanchor:
        | "auto"
        | "top"
        | "middle"
        | "bottom";
}

Properties

active: number

Determines which button (by index starting from 0) is considered active.

activebgcolor: Color

Sets the background color of the slider grip while dragging.

bgcolor: Color

Sets the background color of the slider.

bordercolor: Color

Sets the color of the border enclosing the slider.

borderwidth: number

Sets the width (in px) of the border enclosing the slider.

currentvalue: Partial<CurrentValue>
font: Font

Sets the font of the slider step labels.

len: number

Sets the length of the slider This measure excludes the padding of both ends. That is, the slider's length is this length minus the padding on both ends.

lenmode: "fraction" | "pixels"

Determines whether this slider length is set in units of plot fraction or in *pixels. Use len to set the value.

minorticklen: number

Sets the length in pixels of minor step tick marks

Set the padding of the slider component along each side.

tickcolor: Color

Sets the color of the border enclosing the slider.

ticklen: number

Sets the length in pixels of step tick marks

tickwidth: number

Sets the tick width (in px).

transition: Transition
visible: boolean

Determines whether or not the slider is visible.

x: number

Sets the x position (in normalized coordinates) of the slider.

xanchor:
    | "auto"
    | "left"
    | "center"
    | "right"

Sets the slider's horizontal position anchor. This anchor binds the x position to the left, center or right of the range selector.

y: number

Sets the y position (in normalized coordinates) of the slider.

yanchor:
    | "auto"
    | "top"
    | "middle"
    | "bottom"

Sets the slider's vertical position anchor This anchor binds the y position to the top, middle or bottom of the range selector.