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:
Card Body
Col
Form
Form Search
Allowed Child Components:
Handle
Popover
Pulse
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:
Cross
Seperated
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
Last updated