zent/src/indicator/demos/2.fail-step.md

一套前端设计语言和基于React的实现

---
order: 2
zh-CN:
	title: 失败状态
	stepOne: 第一步
	stepTwo: 第二步
	stepThree: 第三步
	stepOneText: 分享邀请码给好友
	stepTwoText: 订购时输入你的邀请码
	stepThreeText: 获得有赞E卡奖励
	next: 下一步
en-US:
	title: Failure Status
	stepOne: Step One
	stepTwo: Step Two
	stepThree: Step Three
	stepOneText: Share invitation code for friends
	stepTwoText: Enter your invitation code when ordering
	stepThreeText: Get a reward for the Youzan E-card
	next: Next
---

```jsx
import { Indicator } from 'zent';

ReactDOM.render(
	<Indicator current={2} status="error">
		<Indicator.Step title="{i18n.stepOne}" description="{i18n.stepOneText}" />
		<Indicator.Step title="{i18n.stepTwo}" description="{i18n.stepTwoText}" />
		<Indicator.Step
			title="{i18n.stepThree}"
			description="{i18n.stepThreeText}"
		/>
	</Indicator>,
	mountNode
);
```