標註元件
一個內建元件,用於向讀者顯示重要資訊。
範例
💡
標註是一小段用於吸引注意力的文字。
標註是一小段用於吸引注意力的文字。
⚠️
標註是一小段用於吸引注意力的文字。
🚫
標註是一小段用於吸引注意力的文字。
用法
預設
👾
太空侵略者是由西角友宏開發的 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