react-slider v1.0.1 Release Notes

Release Date: 2019-10-22 // 26 days ago
  • 🐛 Bug Fixes

    • mark componentWillReceiveProps as UNSAFE (c6e8439), closes #149

Previous changes from v1.0.0

  • 🐛 Bug Fixes

    • onAfterChange was not being fired (71746b2), closes #3
    • ➕ add IE11 arrow key support (20afb9e)
    • 👍 aria keyboard support corrected so that left and down decreases and right and up increases (1739606), closes #144
    • do nothing when right clicking on the slider (9fa9eb4)
    • Home and End keys no longer scroll the page when setting the value (e8c8e1f)
    • ✂ remove active state on thumb on blur (f05c7b1)
    • the active thumb should get focus when a value is selected (f1cc0cc)

    ♻️ Code Refactoring

    • ✂ remove support for custom thumbs via children (3cb3413)

    🔋 Features

    • "handle" and "bar" are now "thumb" and "track" to follow input[type=range] nomenclature (e4e8ff8)
    • 👍 ariaValuetext now supports a function for dynamic value text (021a547)
    • renderThumb now renders the entire thumb node rather than just the thumb content (669dcdb)
    • 0️⃣ withTracks is now true by default (a450420)
    • ➕ add renderBar render prop for customizing bar content (0de9013)
    • ➕ add renderHandle render prop for dynamic handle content (c87ed4b)
    • ➕ add valueNow to state objects of ariaValuetext and renderThumb for easier access to the current value (94712f2)
    • ➕ add aria-orientation to slider (5125a98)
    • ➕ add support for Page Up and Page Down keys (ed67408)
    • pass value state to render props (8b0615d)
    • ✂ remove dependency on create-react-class (648512e)
    • 🔧 the paging value is now configurable via the pageFn prop (de75419)


    • The render props renderThumb and renderTrack are now passed two arguments instead of one, props and state. This makes it easier to just spread props when using a render function.
    • renderThumb was previously given the indexed handle value which now needs to be derived from value and `index.
    • 👍 custom thumbs via children is no longer supported. To customize thumbs, use the renderThumb render prop instead.
    • withTracks is more commonly true than false, 0️⃣ so we are making that the default
    • "handle" and "bar" props have been renamed to "thumb" and "track", e.g. withBars is now withTracks, and handleClassName is now thumbClassName