| Prop Name | Type | Default | Options | Required | Description |
|---|---|---|---|---|---|
| tab | Object | {} | Tab Props | Yes | Pass in the Tab Props, which applies to the internal Tab component. |
| active | Number | 0 | - | No | Index value of the active Tab. |
| duration | String | 'base' | 'fast'/'base'/'slow'/'slower' | No | Transition animation speed. |
| placement | String | 't' | 't'/'b'/'l'/'r' | No | Tab position corresponds to duration in Tab Props. |
| transition | Boolean | true | true/false | No | Whether to use transition animations. |
| Name | Parameters | Description |
|---|---|---|
| change | event: Event object, with detail indicating the index value of the active Tab. |
Triggered when the active Tab changes. |
| Name | Description |
|---|---|
| - | Main content of Tabs. |
| Name | Description |
|---|---|
| active | Index value of the active Tab. |
| Prop Name | Type | Default | Options | Required | Description |
|---|---|---|---|---|---|
| labels | Array | [] | - | Yes | An array of tab content, consisting of text and Icon Props. |
| active | Number | 0 | - | No | Index value of the active Tab. |
| lineType | Boolean | false | true/false | No | Whether to use linear style. |
| radius | String | 'base' | 'none'/'base'/'xl'/'full' | No | Corner style. |
| mx | String | '4' | '0'/'1'/'2'/'3'/'4'/'6'/'8'/'12'/'16'/'20' | No | Horizontal margin. |
| duration | String | 'base' | 'fast'/'base'/'slow'/'slower' | No | Transition animation speed. |
| layout | String | 'h' | 'h'/'v' | No | Horizontal or vertical layout, corresponding to placement in Tabs Props. |
| love | Boolean | false | true/false | No | Whether to enable Love Edition. |
| injClass | String | '' | - | No | Inject CSS to wrap the Tabs. |
| tabInjClass | String | '' | - | No | Inject CSS for individual Tabs. |
| activeTabInjClass | String | '' | - | No | Inject CSS for active Tab. |
| activeInjClass | String | '' | - | No | Inject CSS for indicator. |
| Name | Parameters | Description |
|---|---|---|
| clicktab | event: Event object, with detail indicating the index value of the active Tab. |
Triggered when a Tab is clicked. |
| Prop Name | Type | Default | Options | Required | Description |
|---|---|---|---|---|---|
| show | Boolean | true | true/false | No | Whether to show content. |
| Name | Description |
|---|---|
| - | Content of the TabContent. |