Press "Enter" to skip to content

A Fast, Lightweight & Mobile-friendly Number Picker Component | number-swiper

Mobile-friendly Number Picker – A rolling number selector for elegant, mobile-friendly, number selection UI in vanilla javascript. number-swiper is a mobile-first and touch-enabled quantity picker element that allows the consumer to pick numbers with contact swipe events.

How to make use of it:

1. Insert the stylesheet number-swiper.css and JavaScript number-swiper.js into the HTML web page.

 

2. Build the HTML for the quantity picker.

  1. 0
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. 6
  8. 7
  9. 8
  10. 9
  11. 0
  12. 1
  13. 2
  14. 3
  15. 4
  16. 5
  17. 6
  18. 7
  19. 8
  20. 9
  21. 0
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 3. Create a hidden enter subject to retailer the chosen value.

    4. Initialize the quantity picker and accomplished it.

    var numbers = new NumberSwiper('myNumberSwiper');

    Mobile-friendly Number Picker Component, Most Modern Mobile Touch Slider


    See Demo And Download

    Official Website(GitFr33): Click Here

    This superior jQuery/javascript plugin is developed by GitFr33. For extra Advanced Usages, please go to the official website.

    Be First to Comment

      Leave a Reply

      Your email address will not be published. Required fields are marked *