コールアウトコンポーネント
読者に重要な情報を表示するための組み込みコンポーネントです。
例
💡
コールアウトは、注意を引くための短いテキストです。
コールアウトは、注意を引くための短いテキストです。
⚠️
コールアウトは、注意を引くための短いテキストです。
🚫
コールアウトは、注意を引くための短いテキストです。
使用方法
デフォルト
👾
スペースインベーダーは、西角友宏氏が開発した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