--- order: 11 title: zh-CN: 导航步骤 en-US: Navigation Steps --- ## zh-CN 导航类型的步骤条。 ## en-US Navigation steps. ```jsx import { Steps } from 'antd'; const { Step } = Steps; class Demo extends React.Component { state = { current: 0, }; onChange = current => { console.log('onChange:', current); this.setState({ current }); }; render() { const { current } = this.state; return (
); } } ReactDOM.render(, mountNode); ``` ```css [data-theme='compact'] .site-navigation-steps, .site-navigation-steps { margin-bottom: 60px; box-shadow: 0px -1px 0 0 #e8e8e8 inset; } ```