コンポーネント作成 2026年3月14日Takeshi TakatsudoMDXドキュメントで使用できるコンポーネントとコンテンツ機能。zudo-docで利用できるコンポーネントとコンテンツ機能を紹介します。基本コンポーネントドキュメントページで使用できる標準的なMarkdownおよびMDXタイポグラフィ要素。コードブロックタイトル、行ハイライト、差分表示に対応した、syntectによるシンタックスハイライト付きフェンスドコードブロック。アドモニション5つの種類で重要な情報を強調するためのコールアウトブロック。タブパッケージマネージャーやプラットフォーム固有の手順など、代替コンテンツを表示するためのタブ付きコンテンツパネルです。DetailsHTML の details/summary パターンを使用した折りたたみ可能なコンテンツセクションです。数式MathBlock JSXコンポーネントを使用した KaTeX 数式サポートです。Mermaidダイアグラムフローチャート、シーケンス図などのMermaidダイアグラムサポート。SiteTreeNav展開可能なカテゴリでドキュメントツリー全体を表示する、サイトマップ風のグリッドコンポーネント。CategoryNavカテゴリインデックスページに子ページのカードグリッドを表示する、サーバーレンダリングのPreactコンポーネント。CategoryTreeNavカテゴリインデックスページに子ページのネストされたツリーリンクを表示する、サーバーレンダリングのPreactコンポーネント。HtmlPreviewビューポート切り替えとソースコード表示を備えたインタラクティブなHTML/CSSプレビューコンポーネント。画像拡大表示レンダリング幅より広い画像に、自動でフルスクリーン拡大ボタンを追加します。次へ基本コンポーネントGitHub でソースを見るRevision HistoryTakeshi Takatsudo作成: 2026-03-14T22:13:04+09:00更新: 2026-03-14T22:13:04+09:00