提示框

1	<Note>这会在您的文档中添加一个注释。</Note>

变体

意图类型

这会引起对重要信息的注意
这会发出需要注意的警告
这表示成功的操作或积极的结果
这表示潜在错误
这突出显示额外的上下文或补充信息
这庆祝公告，使用文档站点的主要强调色样式
这建议一个有用的提示
这显示选中状态

Markdown

1 <Info>这会引起对重要信息的注意</Info>
2 <Warning>这会发出需要注意的警告</Warning>
3 <Success>这表示成功的操作或积极的结果</Success>
4 <Error>这表示潜在错误</Error>
5 <Note>这突出显示额外的上下文或补充信息</Note>
6 <Launch>这庆祝公告，使用文档站点的主要强调色样式</Launch>
7 <Tip>这建议一个有用的提示</Tip>
8 <Check>这显示选中状态</Check>

自定义图标

示例提示框

这个提示框使用了标题和自定义的 Font Awesome 图标。

Markdown

1 <Warning title="示例提示框" icon="skull-crossbones">
2 这个提示框使用了标题和自定义的 Font Awesome 图标。
3 </Warning>

属性

intent

stringRequired

提示框的类型。可用选项：info、warning、success、error、note、launch、tip、check

title

string

提示框的标题

icon

string | ReactElement

提示框的图标。可以是：

Font Awesome 图标名称
React 元素
如果未指定，将根据意图类型使用默认图标：
- info：InfoCircle
- warning：Bell
- success：CheckCircle
- error：WarningTriangle
- note：Pin
- launch：Rocket
- tip：Star
- check：Check

className

string

应用到提示框的额外 CSS 类

提示框

提示框

使用方法

变体

意图类型

自定义图标

示例提示框

属性

使用方法

变体

意图类型

自定义图标

示例提示框

属性

1	<Info>这会引起对重要信息的注意</Info>
2	<Warning>这会发出需要注意的警告</Warning>
3	<Success>这表示成功的操作或积极的结果</Success>
4	<Error>这表示潜在错误</Error>
5	<Note>这突出显示额外的上下文或补充信息</Note>
6	<Launch>这庆祝公告，使用文档站点的主要强调色样式</Launch>
7	<Tip>这建议一个有用的提示</Tip>
8	<Check>这显示选中状态</Check>

1	<Warning title="示例提示框" icon="skull-crossbones">
2	这个提示框使用了标题和自定义的 Font Awesome 图标。
3	</Warning>