X (Twitter)

使用状況

デフォルトの MDX コンポーネントには、カード、コールアウト、コードブロック、見出しが含まれます。

import defaultMdxComponents from 'fumadocs-ui/mdx';

相対リンク

href の相対ファイルパスを使用したリンクをサポートするには、デフォルトの a コンポーネントを次のようにオーバーライドします。

import { createRelativeLink } from 'fumadocs-ui/mdx';
import { source } from '@/lib/source';

const page = source.getPage(['...']);

return (
  <MdxContent
    components={{
      // override the `a` tag
      a: createRelativeLink(source, page),
    }}
  />
);

[My Link](./file.mdx)

例：../(integrations)/open-graph.mdx

Server Component only.

使用状況

デフォルトの MDX コンポーネントには、カード、コールアウト、コードブロック、見出しが含まれます。

import defaultMdxComponents from 'fumadocs-ui/mdx';

相対リンク

href の相対ファイルパスを使用したリンクをサポートするには、デフォルトの a コンポーネントを次のようにオーバーライドします。

import { createRelativeLink } from 'fumadocs-ui/mdx';
import { source } from '@/lib/source';

const page = source.getPage(['...']);

return (
  <MdxContent
    components={{
      // override the `a` tag
      a: createRelativeLink(source, page),
    }}
  />
);

[My Link](./file.mdx)

例：../(integrations)/open-graph.mdx

Server Component only.

MDX

使用状況

相対リンク

目次

MDX

使用状況

相対リンク

目次