# Slider

(part of package '[Servoy Core](https://docs.servoy.com/reference/servoyextensions/packages/ui-component-packages/servoy-core)')\
Extends designtime/SolutionModel: [JSWebComponent](https://docs.servoy.com/reference/servoycore/dev-api/solutionmodel/jswebcomponent)\
Extends runtime: [RuntimeWebComponent](https://docs.servoy.com/reference/servoycore/dev-api/forms/runtimeform/elements/runtimewebcomponent)

Servoy Core Slider Component.\
A component for selecting a value or range of values using a draggable handle.

This is a reference page; many components have detailed usage guides [here](https://docs.servoy.com/guides/develop/application-design/ui-components).

## Properties

### animate

Determines if slider movements are animated. Type: [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string)

***

### dataProviderID

Specifies the data provider that holds the current slider value. Type: [Dataprovider](https://docs.servoy.com/servoy-developer/component_and_service_property_types#dataprovider)

***

### enabled

Indicates whether the slider is enabled for user interaction. Type: [Enabled](https://docs.servoy.com/servoy-developer/component_and_service_property_types#protected) Default Value: true

***

### max

Defines the upper limit of the slider. Type: [Long](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/number) Default Value: 100

***

### min

Defines the lower limit of the slider. Type: [Long](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/number) Default Value: 0

***

### orientation

Sets the slider orientation as either horizontal or vertical. Type: [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) Default Value: "horizontal"

***

### range

Configures the slider to highlight either the minimum or maximum side. Type: [String](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/string) Default Value: "min"

***

### step

Determines the step interval between selectable slider values. Type: [Long](https://docs.servoy.com/reference/servoycore/dev-api/js-lib/number) Default Value: 1

***

### visible

Controls the slider's visibility. Type: [Visible](https://docs.servoy.com/servoy-developer/component_and_service_property_types#visible)

***

## Events

### onChangeMethodID

Called when the slider value changes.

***

### onCreateMethodID

Called when the slider is initialized.

***

### onSlideMethodID

Called repeatedly as the slider handle is dragged.

***

### onStartMethodID

Called when the slider handle drag operation starts.

***

### onStopMethodID

Called when the slider handle drag operation stops.

***

***