Skip to content

Slider

🎨 Styles

  • Appearance

  • Thumb color: select the color in the slider control using the color picker.

  • Thumb border color: select the color in the slider control border using the color picker.
  • Selection color: select the color in the slider value using the color picker.

  • Blank color: select the color in the slider left value using the color picker.

  • Dimensions

  • Width: set how wide the slider element is using.
  • Height: set how tall the slider element is using.

βš™ Properties

  • Generic properties
  • Control name: you can add a name to the slider element this could be the way to identify this element about another elements.
  • Enable skeleton loaders: this tool provides an indication to the user that something is coming but not yet available on the slider element.
  • Control is hidden: hide the slider element from the screen.

Info

The skeleton loader component provides a user with a visual indicator that content is coming/loading. This is better received than traditional full-screen loaders.

  • Specific Properties
  • Slider minimum value: initial minimum value of the slider. Default value is 0.
  • Slider maximum value: Initial maximum value of the slider. Default value is 5.
  • Slider step: Step value of the slider. The value should be between 0 and maximum value. Default step value is 1.

πŸ‘† Events

  • On charge: the on charge ****event detects when the value of a slider element changes.