mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 07:09:55 +08:00
720 B
720 B
order | title | ||||
---|---|---|---|---|---|
8 |
|
zh-CN
设置 reverse
可以将滑动条置反。
en-US
Using reverse
to render slider reversely.
import { Slider, Switch } from 'antd';
class Demo extends React.Component {
state = {
reverse: true,
};
handleReverseChange = reverse => {
this.setState({ reverse });
};
render() {
const { reverse } = this.state;
return (
<>
<Slider defaultValue={30} reverse={reverse} />
<Slider range defaultValue={[20, 50]} reverse={reverse} />
Reversed: <Switch size="small" checked={reverse} onChange={this.handleReverseChange} />
</>
);
}
}
ReactDOM.render(<Demo />, mountNode);