[React] 리액트 range slider 라이브러리 사용해서 range bar 만들기

2023. 4. 26. 22:08·Frontend/React

react-range-slider-input 라이브러리를 사용해서 

range bar를 만들어 봤다. (툴팁이 있는 버전으로)

 

react-range-slider-input는 별도로 툴팁나오는 옵션이 없어서 ul태그를 이용해서 만들어줬다.

 

https://www.npmjs.com/package/react-range-slider-input

 

react-range-slider-input

React component wrapper for range-slider-input. Latest version: 3.0.7, last published: 4 months ago. Start using react-range-slider-input in your project by running `npm i react-range-slider-input`. There are 2 other projects in the npm registry using reac

www.npmjs.com

https://github.com/n3r4zzurr0/react-range-slider-input

 

GitHub - n3r4zzurr0/react-range-slider-input: React component wrapper for range-slider-input

React component wrapper for range-slider-input. Contribute to n3r4zzurr0/react-range-slider-input development by creating an account on GitHub.

github.com

 

 

 

반응형

'Frontend > React' 카테고리의 다른 글

[Deploy] Netlify 배포 Failed 해결방법  (0) 2023.05.30
[Yarn] react에서 yarn berry (pnp) 에러  (0) 2023.05.04
[React Chart] 리액트 chartjs legend custom 하기  (0) 2023.04.24
[React Chart] 리액트 chart.js tooltip custom 하기  (0) 2023.04.24
[React Swiper] loop={true} 마지막 페이지 먼저보이는 에러  (0) 2023.04.13
'Frontend/React' 카테고리의 다른 글
  • [Deploy] Netlify 배포 Failed 해결방법
  • [Yarn] react에서 yarn berry (pnp) 에러
  • [React Chart] 리액트 chartjs legend custom 하기
  • [React Chart] 리액트 chart.js tooltip custom 하기
전예방
전예방
  • 전예방
    예방이의 개발일기
    전예방
  • 전체
    오늘
    어제
    • All (125)
      • Info & Tip (2)
      • 유용한 사이트들 (5)
      • Mark Up & StyleSheet (23)
        • HTML (6)
        • CSS & SCSS (10)
        • 반응형 (6)
      • Frontend (66)
        • 전체 (10)
        • JavaScript & Jquery (18)
        • TypeScript (0)
        • React (26)
        • Next.js (3)
        • 성능최적화 (2)
        • 웹접근성 (2)
      • Backend (13)
        • Python (1)
        • JAVA (2)
        • node.js (0)
        • PHP (7)
        • 패키지매니저 (3)
      • Markdown (0)
      • SCM (1)
        • Git&Github (1)
        • SVN (0)
      • IDE (4)
        • VSCode (2)
        • IntelliJ (1)
        • Ecplise (1)
      • 취미생활 (3)
      • 정보처리기사 (2)
      • 코딩자율학습단 (5)
        • 12기 (파이썬) (5)
  • 블로그 메뉴

    • 홈
    • 태그
  • 링크

    • velog
    • github
  • 공지사항

  • 인기 글

  • 태그

    코딩자율학습단
    php
    Admin
    리액트
    yarn berry
    Chart.js
    회원가입
    NPM
    반응형
    react
    파이썬
    TypeScript
    React Swiper
    swiper.js
    CSS
    Python
    코딩자율학습
    frontend
    관리자 페이지
    나도코딩
  • 최근 댓글

  • 최근 글

  • 반응형
  • hELLO· Designed By정상우.v4.10.3
전예방
[React] 리액트 range slider 라이브러리 사용해서 range bar 만들기
상단으로

티스토리툴바