Skip to main content

Interface: SliderProps

Defined in: components/Slider/index.tsx:46

Properties

children?

optional children: ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>>[]

Defined in: components/Slider/index.tsx:95

<SliderThumb /> | <SliderTrack />


className?

optional className: string

Defined in: components/Slider/index.tsx:89


disabled?

optional disabled: boolean

Defined in: components/Slider/index.tsx:83

Only the appearance will change. Please consider using with readonly. aria-disabled property is also applied.


externalStyles?

optional externalStyles: object

Defined in: components/Slider/index.tsx:63

Global style to apply when dragged

cursor?

optional cursor: "none" | "move" | "grabbing" | "grab" | "pointer"

userSelectNone?

optional userSelectNone: boolean


keyboard?

optional keyboard: InputEventOption | null

Defined in: components/Slider/index.tsx:76

keyboard control option If null, no event will be triggered


max

max: number

Defined in: components/Slider/index.tsx:50


min

min: number

Defined in: components/Slider/index.tsx:49


onChange()?

optional onChange: (value) => void

Defined in: components/Slider/index.tsx:91

Parameters

value

number

Returns

void


onDragEnd()?

optional onDragEnd: (value) => void

Defined in: components/Slider/index.tsx:93

Parameters

value

number

Returns

void


onDragStart()?

optional onDragStart: (value) => void

Defined in: components/Slider/index.tsx:92

Parameters

value

number

Returns

void


readonly?

optional readonly: boolean

Defined in: components/Slider/index.tsx:88

Make the value unchangeable. aria-readonly property is also applied.


reverse?

optional reverse: boolean

Defined in: components/Slider/index.tsx:60


skew?

optional skew: number

Defined in: components/Slider/index.tsx:54


step?

optional step: number

Defined in: components/Slider/index.tsx:53


style?

optional style: CSSProperties

Defined in: components/Slider/index.tsx:90


value

value: number

Defined in: components/Slider/index.tsx:48


vertical?

optional vertical: boolean

Defined in: components/Slider/index.tsx:59

slider orientation aria-orientation property is also applied.


wheel?

optional wheel: InputEventOption | null

Defined in: components/Slider/index.tsx:71

wheel control option If null, no event will be triggered