Nextra 3.0 已发布。 阅读更多

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