Sharing is caring!

React beautiful input range slider 

React Smooth Range Input

  • Butter smooth input range
  • Beautiful animation interaction
  • Tiny size


$ npm install react-smooth-range-input


Navigate into example folder and install

yarn <span class="token operator">&amp;&amp;</span> yarn start <span class="token operator">||</span> npm install <span class="token operator">&amp;&amp;</span> npm run start

???? Check it out.


<span class="token keyword">import</span> react <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> Slider <span class="token keyword">from</span> <span class="token string">'react-smooth-range-input'</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">;</span>

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.