Nextra 3.0 已發布。 了解更多

標註元件

一個內建元件,用於向讀者顯示重要資訊。

範例

💡

標註是一小段用於吸引注意力的文字。

標註是一小段用於吸引注意力的文字。

⚠️

標註是一小段用於吸引注意力的文字。

🚫

標註是一小段用於吸引注意力的文字。

用法

預設

👾

太空侵略者是由西角友宏開發的 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 元件接受以下屬性

type(選填)

標註的類型。

  • 類型:'default' | 'info' | 'warning' | 'error'
  • 預設值:'default'

emoji(選填)

要在標註中顯示的圖示。您也可以使用此屬性顯示您的自訂圖示。

  • 類型:string | ReactNode
  • 預設值:'💡'

children

標註的內容。

  • 類型:ReactNode