コンポーネント リファレンス（抜粋）

MDXでよく使うコンポーネントの概要と最小例です。

Icon

import { Icon } from '@docs/ui';
<Icon name="info" />

Alert

import { Alert } from '@docs/ui';
<Alert type="info">メッセージ</Alert>

Button

import { Button } from '@docs/ui';
<Button href="/v1/ja/01-guide/01-getting-started">はじめに</Button>

Card

import { Card } from '@docs/ui';
<Card title="MDXの基本" href="/v1/ja/01-guide/04-writing-mdx">説明文</Card>

Tabs / TabItem

import { Tabs, TabItem } from '@docs/ui';
<Tabs syncKey="lang">
  <TabItem label="JS">JavaScript</TabItem>
  <TabItem label="TS">TypeScript</TabItem>
</Tabs>

TableOfContents / Pagination

通常はレイアウト側で使用されます。MDXで直接使うケースは稀です。

より詳細なAPIはコンポーネント実装（packages/ui/src/components）を参照ください。