选项卡

Tabs组件允许您将多个Tab组件组合在一起，不同的选项卡可切换。

示例效果

第一个选项卡

第二个选项卡

第三个选项卡

这是第一个选项卡中的内容.

代码：

<Tabs>
    <Tab title="第一个选项卡">
        这是第一个选项卡中的内容.
    </Tab>
    <Tab title="第二个选项卡">
        这是第二个选项卡中的内容.
    </Tab>
        <Tab title="第三个选项卡">
        这是第三个选项卡中的内容.
    </Tab>
</Tabs>

可以添加任意数量的选项卡。Tab组件内容遵循 Markdown 语法。

指定选项卡位置

第一个选项卡

第二个选项卡

第三个选项卡

这是第一个选项卡中的内容.

代码：

<Tabs tabPosition="left">
    <Tab title="第一个选项卡">
        这是第一个选项卡中的内容.
    </Tab>
    <Tab title="第二个选项卡">
        这是第二个选项卡中的内容.
    </Tab>
        <Tab title="第三个选项卡">
        这是第三个选项卡中的内容.
    </Tab>
</Tabs>

指定选项卡大小

第一个选项卡

第二个选项卡

第三个选项卡

这是第一个选项卡中的内容.

代码：

<Tabs size="small">
    <Tab title="第一个选项卡">
        这是第一个选项卡中的内容.
    </Tab>
    <Tab title="第二个选项卡">
        这是第二个选项卡中的内容.
    </Tab>
        <Tab title="第三个选项卡">
        这是第三个选项卡中的内容.
    </Tab>
</Tabs>

参数说明

Tabs

type

string

卡片组样式

可选

tabPosition

string

卡片组位置

可选

size

string

卡片组大小

可选

Tab

title

string

定义单个选项卡标题

必需

示例效果#

指定选项卡位置#

指定选项卡大小#

参数说明#

示例效果

指定选项卡位置

指定选项卡大小

参数说明