zent/src/prompt/demos/1.baisc.md

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

---
order: 1
zh-CN:
	title: 提供了三种默认的提示类型
	warningContent: 提示文案，警告提示。
	strongHintContent: 提示文案，强帮助提示。
	weakHint: 提示文案，弱帮助提示。
	link1: 文字链接1
	link2: 文字链接2
	button: 按钮
en-US:
	title: Three default prompt types are provided
	warningContent: Prompt copy, warning prompt.
	strongHintContent: Prompt copy, strong help prompt.
	weakHint: Prompt copy, weak help prompt.
	link1: Link1
	link2: Link2
	button: Button
---

```jsx
import { Prompt, Button } from 'zent';

ReactDOM.render(
	<div className="zent-prompt-example">
		<Prompt
			type="warning"
			extraContent={<Button type="primary">{i18n.button}</Button>}
		>
			<span>{i18n.warningContent}</span>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link1}
			</a>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link2}
			</a>
		</Prompt>
		<Prompt
			type="strongHint"
			extraContent={<Button type="primary">{i18n.button}</Button>}
		>
			<span>{i18n.strongHintContent}</span>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link1}
			</a>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link2}
			</a>
		</Prompt>
		<Prompt
			type="weakHint"
			extraContent={<Button type="primary">{i18n.button}</Button>}
		>
			<span>{i18n.weakHint}</span>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link1}
			</a>
			<a href="javascript:;" className="zent-prompt-demo-text">
				{i18n.link2}
			</a>
		</Prompt>
	</div>,
	mountNode
);
```

<style>
.zent-prompt-example > div {
	margin-bottom: 16px;
}
.zent-prompt-demo-text {
	margin-left: 8px;
	margin-right: 10px;
}
</style>