# Slider

## Description:

Slider

Use this component to select range between two or more values based on the number of handles added in the component. Add Handle to save the range in the selected attribute.

### Allowed Parent Components:

1. Card Body
2. Col
3. Form
4. Form Search

### Allowed Child Components:

1. Handle
2. Popover
3. Pulse
4. Trigger Before Render

### Properties

### ➤ Min Value

Enter a numeric value to set the lower limit of the slider. By default: 0

Allowed Values: Any number value

### ➤ Max Value

Enter a numeric value to set the upper limit of the slider. By default: 100

Allowed Values: Any number value

### ➤ Step

Enter a numeric value to set the step to which handle can slide. By default: 1

Allowed Values: Any number value

### ➤ Handle Mode

'Cross' will allow handles to cross each other. 'Seperated' will keep the sliders from crossing and separated by a step. 'Pushable' will make the handles pushable and keep them a step apart. By default: 'Cross'

Allowed Values:

1. Cross
2. Seperated
3. Pushable

### ➤ Height

Allowed Values: Any number value

### ➤ Insert Allowed

Allowed Values: Yes/No

### ➤ Update Allowed

Allowed Values: Yes/No

### ➤ Handle Color

Choose a color to change the color of the handle.

Allowed Values: Choose a color to change the color of the handle.

### ➤ Slider Color

Choose a color to change the color of the slider. This color will represent the unselected range.

Allowed Values: Choose a color to change the color of the slider. This color will represent the unselected range.

### ➤ Track Color

Choose a color to change the color of the track. This color will represent the selected range.

Allowed Values: Choose a color to change the color of the track. This color will represent the selected range.

### ➤ Tick Count

Enter a numeric value to render slider ticks.

Allowed Values: Any number value


---

# Agent Instructions: 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.cloudio.io/ui-components/widgets/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.