ant-design/components/slider/demo/reverse.md

order	title
8	zh-CN en-US 反向 Reverse

zh-CN

设置 reverse 可以将滑动条置反。

en-US

Using reverse to render slider reversely.

import { Slider, Switch } from 'antd';
import React, { useState } from 'react';

const App: React.FC = () => {
  const [reverse, setReverse] = useState(true);

  return (
    <>
      <Slider defaultValue={30} reverse={reverse} />
      <Slider range defaultValue={[20, 50]} reverse={reverse} />
      Reversed: <Switch size="small" checked={reverse} onChange={setReverse} />
    </>
  );
};

export default App;