Callout 提示组件
一个内置组件,用于向读者展示重要信息。
示例
💡
提示组件 用于展示一段简短的文本,旨在吸引注意力。
提示组件 用于展示一段简短的文本,旨在吸引注意力。
⚠️
提示组件 用于展示一段简短的文本,旨在吸引注意力。
🚫
提示组件 用于展示一段简短的文本,旨在吸引注意力。
用法
Default 默认
👾
Space Invaders is a 1978 shoot 'em up arcade game developed by Tomohiro Nishikado.
import { Callout } from 'nextra/components'
<Callout emoji="👾">
**Space Invaders** is a 1978 shoot 'em up arcade game developed by Tomohiro
Nishikado.
</Callout>
Info 信息
ℹ️
Today is Friday.
import { Callout } from 'nextra/components'
<Callout type="info" emoji="ℹ️">
Today is Friday.
</Callout>
Warning 警告
⚠️
This API will be deprecated soon.
import { Callout } from 'nextra/components'
<Callout type="warning" emoji="⚠️">
This API will be deprecated soon.
</Callout>
Error 错误
🚫
This is a dangerous feature that can cause everything to explode.
import { Callout } from 'nextra/components'
<Callout type="error" emoji="️🚫">
This is a dangerous feature that can cause everything to explode.
</Callout>
API
Callout
组件接受以下属性:
type
(optional)
Callout的类型.
- Type:
'default' | 'info' | 'warning' | 'error'
- Default:
'default'
emoji
(optional)
在 Callout 中显示的图标。你也可以使用这个属性来显示自定义图标。
- Type:
string | ReactNode
- Default:
'💡'
children
Callout的内容
- Type:
ReactNode