---
title: Tabs 选项卡
description: 用于内容分类后的展示切换。
spline: base
isComponent: true
toc: false
---

## 基本用法

通过 `value`  绑定当前激活标签对应的索引值，默认情况下启用第一个标签，支持语法糖 `v-model` 或 `v-model:value`

{{ base }}

### 超过屏幕滑动

标签数量超过 5 个时，标签栏可以在水平方向上滚动。

{{ scroll }}

### 无下划线

通过 `show-bottom-line` 可以设置是否展示底部激活线条，默认值为 `true`

{{ underscore }}

### 选项卡状态

通过 `disabled` 可以禁用当前选项卡

{{ disabled }}

### 竖向选项卡

通过 `placement` 可以设置选项卡的朝向，可选项：竖向选项卡 `left`、横向选项卡 `top`。


{{ vertical }}

### 选中态文字尺寸规格

通过 `size` 可以设置选项卡的尺寸，可选项：`medium`，`large`，默认值 `medium`

{{ size }}