Props
Attributes
- Graph
-
- Supertypes
-
trait PropTypesclass Objecttrait Matchableclass Any
Members list
Type members
Classlikes
The component orientation.
The component orientation.
Attributes
- Supertypes
-
class Prop[String]class Objecttrait Matchableclass Any
- Self type
-
orientation.type
The track presentation:
The track presentation:
normal
the track will render a bar representing the slider value.inverted
the track will render a bar representing the remaining slider value.false
the track will render without a bar.
Attributes
- Supertypes
-
class Prop[Any]class Objecttrait Matchableclass Any
- Self type
-
track.type
Value members
Concrete methods
The label of the slider.
The label of the slider.
Attributes
The id of the element containing a label for the slider.
The id of the element containing a label for the slider.
Attributes
A string value that provides a user-friendly name for the current value of the slider.
A string value that provides a user-friendly name for the current value of the slider.
Attributes
The default value. Use when the component is not controlled.
The default value. Use when the component is not controlled.
Attributes
If true
, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
If true
, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
Attributes
If true
, the component is disabled.
If true
, the component is disabled.
Attributes
Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider. This is important for screen reader users.
Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider. This is important for screen reader users.
Value parameters
- {number}
-
index The thumb label's index to format.
Attributes
Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider. This is important for screen reader users.
Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider. This is important for screen reader users.
Value parameters
- {number}
-
index The thumb label's index to format.
Attributes
If true
the Slider will be rendered right-to-left (with the lowest value on the right-hand side).
If true
the Slider will be rendered right-to-left (with the lowest value on the right-hand side).
Attributes
Marks indicate predetermined values to which the user can move the slider. If true
the marks are spaced according the value of the step
prop. If an array, it should contain objects with value
and an optional label
keys.
Marks indicate predetermined values to which the user can move the slider. If true
the marks are spaced according the value of the step
prop. If an array, it should contain objects with value
and an optional label
keys.
Attributes
The maximum allowed value of the slider. Should not be equal to min.
The maximum allowed value of the slider. Should not be equal to min.
Attributes
The minimum allowed value of the slider. Should not be equal to max.
The minimum allowed value of the slider. Should not be equal to max.
Attributes
Name attribute of the hidden input
element.
Name attribute of the hidden input
element.
Attributes
Callback function that is fired when the slider's value changed.
Callback function that is fired when the slider's value changed.
Value parameters
- {Event}
-
event The event source of the callback. You can pull out the new value by accessing
event.target.value
(any). Warning: This is a generic event not a change event. - {number
-
| number[]} value The new value.
- {number}
-
activeThumb Index of the currently moved thumb.
Attributes
Callback function that is fired when the mouseup
is triggered.
Callback function that is fired when the mouseup
is triggered.
Value parameters
- {React.SyntheticEvent
-
| Event} event The event source of the callback. Warning: This is a generic event not a change event.
- {number
-
| number[]} value The new value.
Attributes
A transformation function, to change the scale of the slider.
A transformation function, to change the scale of the slider.
Value parameters
- {any}
-
x
Attributes
The props used for each slot inside the Slider.
The props used for each slot inside the Slider.
Attributes
The components used for each slot inside the Slider. Either a string to use a HTML element or a component.
The components used for each slot inside the Slider. Either a string to use a HTML element or a component.
Attributes
The granularity with which the slider can step through values. (A "discrete" slider.) The min
prop serves as the origin for the valid values. We recommend (max - min) to be evenly divisible by the step.
The granularity with which the slider can step through values. (A "discrete" slider.) The min
prop serves as the origin for the valid values. We recommend (max - min) to be evenly divisible by the step.
When step is null
, the thumb can only be slid onto marks provided with the marks
prop.
Attributes
Tab index attribute of the hidden input
element.
Tab index attribute of the hidden input
element.
Attributes
The value of the slider. For ranged sliders, provide an array with two values.
The value of the slider. For ranged sliders, provide an array with two values.
Attributes
The format function the value label's value.
The format function the value label's value.
When a function is provided, it should have the following signature:
- {number} value The value label's value to format
- {number} index The value label's index to format
Value parameters
- {any}
-
x
Attributes
Inherited methods
Attributes
- Inherited from:
- PropTypes
Inherited fields
Attributes
- Inherited from:
- PropTypes