> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-input/slider.md).

# Slider

The Slider Widget is a component designed for easy manipulation of numerical values within your application. By simply dragging the slider handle, users can conveniently adjust numeric inputs with precision.

<figure><img src="/files/Oa4nYvLtOWkurTen7DHG" alt=""><figcaption></figcaption></figure>

<div data-full-width="true"><figure><img src="/files/yh9vIFvUjhxYTOXKadLl" alt=""><figcaption></figcaption></figure></div>

### Properties

<table><thead><tr><th>Property</th><th width="256.3333333333333">Type</th><th>Description</th></tr></thead><tbody><tr><td>Data item</td><td>datafield, number</td><td>Changing the slider changes the number of this data field. However, at this moment it is not possible to perform an on change action.</td></tr><tr><td>Minimum</td><td>number</td><td>The lowest allowed value of the slider.</td></tr><tr><td>Maximum</td><td>number</td><td>The highest allowed value of the slider.</td></tr><tr><td>Step</td><td>number</td><td>Determines the size or amount of each step the slider takes between the minimum and maximum</td></tr><tr><td>Precision</td><td>number</td><td>Determines the number of digits after the decimal place.</td></tr><tr><td>Enabled</td><td>boolean</td><td>When 'false' the user is not allowed to change the slider value.</td></tr><tr><td>Selection Placement</td><td>dropdown</td><td>Changes the look of the space before or after the handle. See the difference between example 1 (before) and 2 (after). When set to 'none', both sides of the handle look the same.</td></tr><tr><td>Orientation</td><td>dropdown</td><td>Determines whether the slider handle move horizontally or vertically.</td></tr><tr><td>Reversed</td><td>dropdown</td><td>By default the slider works from minimum to maximum value (example 1). When set to 'Yes' the slider works from maximum to minimum (example 2 and 4).</td></tr><tr><td>Handle shape</td><td>dropdown</td><td>Changes the slider handle shape. Accepted values: round, square, triangle or custom. At this moment 'custom' shows a star.</td></tr><tr><td>Tooltip shown</td><td>dropdown</td><td><ul><li>'Show': show a tooltip on mouse-hover only (example 1) </li><li>'Hide': never show a tooltip (example 2 and 3)</li><li>'Always': always show a tooltip (example 4)</li></ul></td></tr><tr><td>Tooltip separator</td><td>not applicable</td><td>deprecated</td></tr><tr><td>Split Tooltip</td><td>not applicable</td><td>deprecated</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-input/slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
