Skip to main content

Interface: SliderMarksOptionProps

Defined in: react/src/components/Slider/MarksOption.tsx:12

Properties​

classes?​

optional classes?: object;

Defined in: react/src/components/Slider/MarksOption.tsx:33

Classes for the mark and the label inside the option.

label?​

optional label?: string;

mark?​

optional mark?: string;

gap?​

optional gap?: string | number;

Defined in: react/src/components/Slider/MarksOption.tsx:31

Space between the mark and the label. Sets --gap.

label?​

optional label?: string | number | null;

Defined in: react/src/components/Slider/MarksOption.tsx:25

Text shown next to the mark. Leave it out to show the value; null leaves the label out, and an empty string draws an empty one.

length?​

optional length?: string | number;

Defined in: react/src/components/Slider/MarksOption.tsx:29

Length of the mark. Sets --length.

mark?​

optional mark?: boolean;

Defined in: react/src/components/Slider/MarksOption.tsx:20

Draw the mark itself. Turn it off to show the label alone.

Default​

true

style?​

optional style?: CSSProperties & object & object;

Defined in: react/src/components/Slider/MarksOption.tsx:43

Type Declaration​

--gap?​
optional --gap?: string | number;
--length?​
optional --length?: string | number;
--thickness?​
optional --thickness?: string | number;
--translate?​
optional --translate?: string | number;

styles?​

optional styles?: object;

Defined in: react/src/components/Slider/MarksOption.tsx:38

Styles for the mark and the label inside the option.

label?​

optional label?: CSSProperties;

mark?​

optional mark?: CSSProperties;

thickness?​

optional thickness?: string | number;

Defined in: react/src/components/Slider/MarksOption.tsx:27

Thickness of the mark. Sets --thickness.

value​

value: number;

Defined in: react/src/components/Slider/MarksOption.tsx:14

Where the mark sits, on the same scale as the thumb.