diff --git a/CHANGELOG.md b/CHANGELOG.md index 28cb1c9850..9960027cba 100644 --- a/CHANGELOG.md +++ b/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) diff --git a/components/dash-core-components/src/components/Slider.react.js b/components/dash-core-components/src/components/Slider.react.js index 2bdfb8e958..2eb572e5f1 100644 --- a/components/dash-core-components/src/components/Slider.react.js +++ b/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; diff --git a/components/dash-core-components/src/fragments/Slider.react.js b/components/dash-core-components/src/fragments/Slider.react.js index f2e25d77dc..b6d5856845 100644 --- a/components/dash-core-components/src/fragments/Slider.react.js +++ b/components/dash-core-components/src/fragments/Slider.react.js @@ -27,6 +27,7 @@ const sliderProps = [ 'included', 'tooltip', 'vertical', + 'reverse', 'id', ];