# Tabs
Switch contents in same area.
## Demos
```demo
basic
flex-label
card
display-directive
```

## Props
### Tabs Props
|Name|Type|Default|Description|
|-|-|-|-|
|closable|`boolean`|`false`||
|justify-content|`'space-between' \| 'space-around' \| 'space-evenly'`|`undefined`||
|label-size|`'small' \| 'medium' \| 'large' \| 'huge'`|`'medium'`|标签的尺寸，只对线型的 Tabs 生效|
|theme|`'light' \| 'dark' \| null \| string`|`null`||
|type|`'line' \| 'card'`|`'line'`||
|value|`string \| number`|required||
|on-update:value|`(value: string \| number) => any`|`undefined`||

### Tab Pane Props
|Name|Type|Default|Description|
|-|-|-|-|
|disabled|`boolean`|`false`||
|display-directive|`'if' \| 'show'`|`'if'`|The directive to use in conditionally rendering. 'if' will use 'v-if' and 'show' will use 'v-show'. When use show directive, the status of tab won't be reset after tab changes.|
|label|`string`|`null`||
|name|`string \| number`|`null`|**required**|

## Slots
### Tabs, Tab Pane Slots
|Name|Parameters|Description|
|-|-|-|
|default|`()`||