タブ - Apidog Markdown構文

Tabsコンポーネントを使用すると、複数のTabコンポーネントを組み合わせ、異なるタブ間を切り替えることができます。

効果

最初のタブ

2番目のタブ

3番目のタブ

これは最初のタブの内容です。

コード：

<Tabs>
    <Tab title="最初のタブ">
        これは最初のタブの内容です。
    </Tab>
    <Tab title="2番目のタブ">
        これは2番目のタブの内容です。
    </Tab>
    <Tab title="3番目のタブ">
        これは3番目のタブの内容です。
    </Tab>
</Tabs>

任意の数のタブを追加できます。Tabコンポーネントの内容はMarkdownの記法に従います。

タブ位置の指定

最初のタブ

2番目のタブ

3番目のタブ

これは最初のタブの内容です。

コード：

<Tabs tabPosition="left">
    <Tab title="最初のタブ">
        これは最初のタブの内容です。
    </Tab>
    <Tab title="2番目のタブ">
        これは2番目のタブの内容です。
    </Tab>
    <Tab title="3番目のタブ">
        これは3番目のタブの内容です。
    </Tab>
</Tabs>

タブサイズの指定

最初のタブ

2番目のタブ

3番目のタブ

これは最初のタブの内容です。

コード：

<Tabs size="small">
    <Tab title="最初のタブ">
        これは最初のタブの内容です。
    </Tab>
    <Tab title="2番目のタブ">
        これは2番目のタブの内容です。
    </Tab>
    <Tab title="3番目のタブ">
        これは3番目のタブの内容です。
    </Tab>
</Tabs>

パラメータ説明

Tabs

type

string

可選

カードグループのスタイル

tabPosition

string

可選

カードグループの位置

size

string

可選

カードグループのサイズ

Tab

title

string

标题

必須

タブの見出しの定義

タブ

効果#

タブ位置の指定#

タブサイズの指定#

パラメータ説明#

効果

タブ位置の指定

タブサイズの指定

パラメータ説明