Quirk

Elen Adarna

Software Engineer
Address
4975 Cambridge Road Miami Gardens, FL 33056
Contact
  • me@themepixels.com
  • (032) 1234 567
  • +63012 3456 789
General Settings
  • Daily Newsletter
    Get notified when someone else is trying to access your account.
  • Call Phones
    Make calls to friends and family right from your account.
Security Settings
  • Login Notifications
    Get notified when someone else is trying to access your account.
  • Phone Approvals
    Use your phone when login as an extra layer of security.
  1. Home
  2. UI Elements
  3. Sliders

Basic Slider

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.

Range Slider

Set the range using two drag handles. Space between the handles is filled with background color to indicate those values are selected.

Range With Fixed Maximum

Fix the maximum value of the range slider so that the user can only select a minimum. Set the range option to max.

Range With Fixed Minimum

Fix the minimum value of the range slider so that the user can only select a maximum. Set the range option to min.

Vertical Slider

Change the orientation of the slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to vertical

Vertical Range Slider

Change the orientation of the range slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to vertical