<br />
## 基礎用法
通過`active`綁定當前激活標簽對應的索引值，默認情況下啟用第一個標簽。
```
<hd-tabs :active="active">
<hd-tab title="標簽頁1">標簽頁1的內容</hd-tab>
<hd-tab title="標簽頁2">標簽頁2的內容</hd-tab>
<hd-tab title="標簽頁3">標簽頁3的內容</hd-tab>
</hd-tabs>
```
```
export default {
data() {
return {
active: 1,
};
},
};
```
<br />
## 主題 theme
主題屬性支持`blue` `green` `pink` `gray`四種盛事通項目統一主題顏色,默認為 blue。
```
<hd-tabs :active="active" theme="green">
<hd-tab title="標簽頁1">標簽頁1的內容</hd-tab>
<hd-tab title="標簽頁2">標簽頁2的內容</hd-tab>
<hd-tab title="標簽頁3">標簽頁3的內容</hd-tab>
</hd-tabs>
```
```
export default {
data() {
return {
active: 1,
};
},
};
```
<br />
### props
|屬性名|說明|類型|默認參數|
| --- | --- | --- | --- |
|active|默認選中的tab下標|String｜Number|`0`|
|theme|主題色默認支持`blue` `green` `pink` `gray`盛事通四種顏色|String|`blue`|
<br />
### Events
|事件名|說明|回調參數|
| --- | --- | --- |
|click|點擊tab時觸發|`index : 選中的下標` `title : 選中的標題`|
|change|改變tab時觸發|`index : 選中的下標` `title : 選中的標題`|
