Nextra 中文文档
Callout

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