コンテンツにスキップ

用語集ツールチップ

このコンポーネントを使用して、マークダウンファイル内の単語にツールチップを追加します。ツールチップの情報は、用語集のyamlファイルから取得されます。

termは、どの用語集のエントリから情報を取得したいかを指定します。 開くコンポーネントと閉じるコンポーネントの間のテキストは、用語集のエントリで定義したい単語または単語のセットです。

コンポーネント

マウスをここに乗せてください!
import { GlossaryTooltip } from "~/components"
<GlossaryTooltip term="example">マウスをここに乗せてください!</GlossaryTooltip>

用語集

/src/content/glossary/style-guide.yaml
productName: Style Guide
entries:
- term: example
general_definition: |-
Hello, world! You can use **Markdown** features inside of your `tooltips`.