RangeControl

Design guidelines

Anatomy

Types

Continuous sliders

Discrete sliders

Behavior

Usage

Immediate effects

Current state

Values

Development guidelines

Usage

Props

`afterIcon`: `string|Function|Component|null`

`allowReset`: `boolean`

`beforeIcon`: `string|Function|Component|null`

`color`: `CSSProperties['color']`

`currentInput`: `number`

`disabled`: `boolean`

`help`: `string|Element`

`hideLabelFromVision`: `boolean`

`icon`: `string`

`initialPosition`: `number`

`isShiftStepEnabled`: `boolean`

`label`: `string`

`marks`: `Array|boolean`

`onBlur`: `FocusEventHandler`

`onChange`: `( value?: number ) => void`

`onFocus`: `FocusEventHandler`

`onMouseLeave`: `MouseEventHandler`

`onMouseMove`: `MouseEventHandler`

`min`: `number`

`max`: `number`

`railColor`: `CSSProperties[ 'color' ]`

`renderTooltipContent`: ( value ) => value

`resetFallbackValue`: `number`

`separatorType`: `'none' | 'fullWidth' | 'topFullWidth'`

`shiftStep`: `number`

`showTooltip`: `boolean`

`step`: `number | 'any'`

`trackColor`: `CSSProperties[ 'color' ]`

`type`: `string`

`value`: `number`

`withInputField`: `boolean`

Related components