Menu Icon


A slider allows data entry by sliding cursor in a range.

  • Users can enter data in a certain range by dragging them to the sliders.

  • They have some initial styles and you can change them what you want.

  • They have some properties which are value, label, hint, min value, step, vertical and disabled.

  • Value means value of the slider. If you enter a value to slider, users cannot change the slider because its value will be constant.

  • Label is a text above of the slider.

  • Hint is a text below of the slider.

  • Min Value is the minimum value of the slider range.

  • Max Value is the maximum value of the slider range.

  • If you make vertical switch true, the slider will be vertical as you see in the below image.

  • Disabled switch makes the slider unchangeable.