# Tabs

选项卡切换组件

## Usage

### Basic

<code src="./demos/basic.tsx"></code>

### 带泛型

<code src="./demos/generic-type.tsx"></code>

### 指示器样式

<code src="./demos/indicator-style.tsx"></code>

### 纵向

<code src="./demos/vertical.tsx"></code>

### 按钮样式

<code src="./demos/button-like.tsx"></code>

### TabPane 动态变化
应对的情况：
- 第三项为 active，隐藏第二项
- 第三项为 active， 展示第二项
- 第三项为 active， 隐藏第二项
<code src="./demos/dynamic-tabpane.tsx"></code>

### 嵌套的 Tabs

<code src="./demos/nested.tsx"></code>

### TabPane 占满父容器剩余空间

<code src="./demos/expand-in-block.tsx"></code>

### TabPane 占满父容器(flex)剩余空间

<code src="./demos/expand-in-flex.tsx"></code>

### 只展示 TabNav

在某些不需要 `TabPane` 的场景, 你也可以直接使用 `TabNav` 来创建 `Tabs` 的导航部分。

<code src="./demos/children-are-tabnavs.tsx"></code>

### 导航栏额外的区域

<code src="./demos/extra.tsx"></code>

<API></API>

<API src="./api.tsx" exports='["TabPane"]'></API>