タブ
Tabs
コンポーネントを使用すると、複数のTab
コンポーネントを組み合わせ、異なるタブ間を切り替えることができます。
効果
コード:
<Tabs>
<Tab title="最初のタブ">
これは最初のタブの内容です。
</Tab>
<Tab title="2番目のタブ">
これは2番目のタブの内容です。
</Tab>
<Tab title="3番目のタブ">
これは3番目のタブの内容です。
</Tab>
</Tabs>
任意の数のタブを追加できます。Tab
コンポーネントの内容はMarkdownの記法に従います。
タブ位置の指定
コード:
<Tabs tabPosition="left">
<Tab title="最初のタブ">
これは最初のタブの内容です。
</Tab>
<Tab title="2番目のタブ">
これは2番目のタブの内容です。
</Tab>
<Tab title="3番目のタブ">
これは3番目のタブの内容です。
</Tab>
</Tabs>
タブサイズの指定
コード:
<Tabs size="small">
<Tab title="最初のタブ">
これは最初のタブの内容です。
</Tab>
<Tab title="2番目のタブ">
これは2番目のタブの内容です。
</Tab>
<Tab title="3番目のタブ">
これは3番目のタブの内容です。
</Tab>
</Tabs>
パラメータ説明
更新時間 3 months ago