---
category: Components
subtitle: 标签页
type: 导航
title: Tabs
cols: 1
cover: https://gw.alipayobjects.com/zos/antfincdn/lkI2hNEDr2V/Tabs.svg
---

引领整个页面的内容，用于主功能切换.


## 何时使用

提供平级的区域将大块内容进行收纳和展现，保持界面整洁。

## 设计规范

每个标签文字最多 6 个字，标签数量最多 7 个，建议出现 4 个以内。

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-tabs-sider-menu  | 侧边栏菜单类名，需配合type="line"和tabPosition="right"或者"left"一起使用   | 侧边菜单   |
|.dt-tabs-content-padding  | 内容内边距类名，16px  | 侧边菜单 |
|.dt-tabs-nav-padding-16  | 增加左右边距16px  | 基础样式 |
|.dt-tabs-nav-no-margin | 减少上边距/左边距16px，整体宽度增加32px | 消除间隙 |
|.dt-tabs-hidden-more-icon | 更多标签时，隐藏 ··· 的更多 icon | 侧边菜单 |