Callout 组件
一个内置组件,用于向读者显示重要信息。
示例
💡
一个 **Callout** 是一个旨在吸引注意力的简短文本片段。
一个 **Callout** 是一个旨在吸引注意力的简短文本片段。
⚠️
一个 **Callout** 是一个旨在吸引注意力的简短文本片段。
🚫
一个 **Callout** 是一个旨在吸引注意力的简短文本片段。
用法
默认
👾
**Space Invaders** 是一款由西角友宏开发的 1978 年街机射击游戏。
import { Callout } from 'nextra/components'
<Callout emoji="👾">
**Space Invaders** is a 1978 shoot 'em up arcade game developed by Tomohiro
Nishikado.
</Callout>
信息
ℹ️
今天是星期五。
import { Callout } from 'nextra/components'
<Callout type="info" emoji="ℹ️">
Today is Friday.
</Callout>
警告
⚠️
此 API 将很快弃用。
import { Callout } from 'nextra/components'
<Callout type="warning" emoji="⚠️">
This API will be deprecated soon.
</Callout>
错误
🚫
这是一个危险的功能,可能导致所有内容爆炸。
import { Callout } from 'nextra/components'
<Callout type="error" emoji="️🚫">
This is a dangerous feature that can cause everything to explode.
</Callout>
API
Callout
组件接受以下 props
type
(可选)
Callout 的类型。
- 类型:
'default' | 'info' | 'warning' | 'error'
- 默认值:
'default'
emoji
(可选)
要在 Callout 中显示的图标。您也可以使用此 prop 显示自定义图标。
- 类型:
string | ReactNode
- 默认值:
'💡'
children
Callout 的内容。
- 类型:
ReactNode