라이브러리 창고/레이아웃 · 내비게이션 메뉴 · 버튼

『noUiSlider』범위조절바 JS라이브러리

Recstasy 2020. 12. 30. 05:59

 

noUiSlider는 조절바 부분에 특화된 JS라이브러리다.

 

조절바와 버튼은 웹앱 개발에서 빈번하게 사용하는 기능이며.

많은 개발자들이 CSS프레임워크를 사용하는 이유 중의 하나이다.

 

하지만

버튼과 색상 UI를 위해서 CSS프레임워크를 사용하는 경우,

원하지않는 기능까지 모두 불러올 수밖에 없다.

 

 

│noUiSlider

 

 

noUiSlider - JavaScript Range Slider | Refreshless.com

noUiSlider: lightweight JavaScript range slider with full touch support Multi-Touch support for iOS, Android & Windows (phone) Accessible with ARIA and keyboard support Responsive design friendly No dependencies Tested in IE9 - IE11, Edge, Chrome, Firefox

refreshless.com

 

특화된 조절바의 기능만을 사용하고 싶다면,

noUiSlider.js를 사용해보자.

 

무거운 프레임워크를 모두 가져올 필요가 없으며.

아주 간단하게 아래와 같은 조절바를 생성할 수 있다.