Added API to reverse direction of slider

CHANGELOG.md

@@ -10,6 +10,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 - [#3407](https://github.com/plotly/dash/pull/3407) Add `hidden` to callback arguments, hiding the callback from appearing in the devtool callback graph.
 - [#3424](https://github.com/plotly/dash/pull/3424) Adds support for `Patch` on clientside callbacks class `dash_clientside.Patch`, as well as supporting side updates, eg: (Running, SetProps).
 - [#3347](https://github.com/plotly/dash/pull/3347) Added 'api_endpoint' to `callback` to expose api endpoints at the provided path for use to be executed directly without dash.
+- [#3445](https://github.com/plotly/dash/pull/3445) Added API to reverse direction of slider component.
 
 ## Fixed
 - [#3395](https://github.com/plotly/dash/pull/3395) Fix Components added through set_props() cannot trigger related callback functions. Fix [#3316](https://github.com/plotly/dash/issues/3316)

components/dash-core-components/src/components/Slider.react.js

@@ -156,6 +156,11 @@ Slider.propTypes = {
      */
     verticalHeight: PropTypes.number,
 
+    /**
+     * If the value is true, it means the component is rendered reverse.
+     */
+    reverse: PropTypes.bool,
+
     /**
      * Additional CSS class for the root DOM node
      */
@@ -208,6 +213,7 @@ Slider.defaultProps = {
     persisted_props: ['value'],
     persistence_type: 'local',
     verticalHeight: 400,
+    reverse: false,
 };
 
 export const propTypes = Slider.propTypes;

components/dash-core-components/src/fragments/Slider.react.js

@@ -27,6 +27,7 @@ const sliderProps = [
     'included',
     'tooltip',
     'vertical',
+    'reverse',
     'id',
 ];