小さなJSX要素のMDXデモ
外部パッケージ不要で動くJSX要素をMDXに埋め込み、各テーマのMDXサポートを検証する記事。
MDXデモ
MDX ファイルは、Markdown の中に JSX を直接書けます。ここでは外部パッケージを必要としない小さなコンポーネントを表示します。
コンポーネント呼び出し
インラインの式
計算式を埋め込むこともできます。
合計は 6 です。
通常のマークダウンも併用
- リスト
- 強調 ボールド と イタリック
- リンク
まとめ
外部パッケージに依存しないJSX要素を使って、テーマごとのMDX描画を確認します。