---
title: Tabs 标签页
nav:
  title: 组件
  path: /component
group:
  title: 展示组件
  path: /show
  order: 2
---

# Tabs 标签页

标签页组件，用于在不同的内容区域之间进行切换。

## 特性

- 🎨 **多种类型**：支持大标题、大文字、小文字三种标签类型
- 🎯 **灵活指示器**：可自定义指示器宽度、颜色，支持禁用
- 📱 **响应式布局**：支持滚动、等分、固定宽度等多种布局方式
- 🔄 **滑动切换**：支持左右滑动切换标签页内容
- 🏷️ **徽标支持**：内置徽标显示，支持自定义徽标样式
- 📐 **垂直模式**：支持垂直排列的标签页
- 🔧 **高度定制**：丰富的样式定制选项

## 代码演示

### 基础用法
<code src="./__fixtures__/basicUsage.tsx"></code>

### 标签类型
<code src="./__fixtures__/tabTypes.tsx"></code>

### 指示器配置
<code src="./__fixtures__/indicatorConfig.tsx"></code>

### 徽标和自定义
<code src="./__fixtures__/badgeAndCustom.tsx"></code>

### 滚动和动态
<code src="./__fixtures__/scrollableAndDynamic.tsx"></code>

### 布局和尺寸
<code src="./__fixtures__/layoutAndSize.tsx"></code>

### 垂直标签
<code src="./__fixtures__/verticalTabs.tsx"></code>

### 高级功能
<code src="./__fixtures__/advancedFeatures.tsx"></code>

## API

### Tabs Props
<API hideTitle src="./Tabs.tsx"></API>