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