let
| Yes | number
| 0
| Specify the selected tab index |
-| type | No | let
| No | "default" | "container"
| "default"
| Specify the type of tabs |
-| autoWidth | No | let
| No | boolean
| false
| Set to `true` for tabs to have an auto-width |
-| iconDescription | No | let
| No | string
| "Show menu options"
| Specify the ARIA label for the chevron icon |
-| triggerHref | No | let
| No | string
| "#"
| Specify the tab trigger href attribute |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | -------------------------------------------- |
+| selected | No | let
| Yes | number
| 0
| Specify the selected tab index |
+| contained | No | let
| No | boolean
| false
| Set to `true` for tabs to be contained |
+| autoWidth | No | let
| No | boolean
| false
| Set to `true` for tabs to have an auto-width |
### Slots
@@ -3964,8 +3962,6 @@ None.
| Event name | Type | Detail |
| :--------- | :--------- | :----- |
-| keypress | forwarded | -- |
-| click | forwarded | -- |
| change | dispatched | -- |
## `TabsSkeleton`
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 60178302..19257551 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -11856,13 +11856,13 @@
}
],
"events": [
- { "type": "forwarded", "name": "click", "element": "li" },
- { "type": "forwarded", "name": "mouseover", "element": "li" },
- { "type": "forwarded", "name": "mouseenter", "element": "li" },
- { "type": "forwarded", "name": "mouseleave", "element": "li" }
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "mouseover", "element": "a" },
+ { "type": "forwarded", "name": "mouseenter", "element": "a" },
+ { "type": "forwarded", "name": "mouseleave", "element": "a" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "li" }
+ "rest_props": { "type": "Element", "name": "a" }
},
{
"moduleName": "TabContent",
@@ -12187,11 +12187,11 @@
"reactive": true
},
{
- "name": "type",
+ "name": "contained",
"kind": "let",
- "description": "Specify the type of tabs",
- "type": "\"default\" | \"container\"",
- "value": "\"default\"",
+ "description": "Set to `true` for tabs to be contained",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
@@ -12209,30 +12209,6 @@
"isRequired": false,
"constant": false,
"reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the chevron icon",
- "type": "string",
- "value": "\"Show menu options\"",
- "isFunction": false,
- "isFunctionDeclaration": false,
- "isRequired": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "triggerHref",
- "kind": "let",
- "description": "Specify the tab trigger href attribute",
- "type": "string",
- "value": "\"#\"",
- "isFunction": false,
- "isFunctionDeclaration": false,
- "isRequired": false,
- "constant": false,
- "reactive": false
}
],
"moduleExports": [],
@@ -12240,11 +12216,7 @@
{ "name": "__default__", "default": true, "slot_props": "{}" },
{ "name": "content", "default": false, "slot_props": "{}" }
],
- "events": [
- { "type": "forwarded", "name": "keypress", "element": "div" },
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "dispatched", "name": "change" }
- ],
+ "events": [{ "type": "dispatched", "name": "change" }],
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
diff --git a/docs/src/pages/components/Tabs.svx b/docs/src/pages/components/Tabs.svx
index 90595b5a..6ef7ed36 100644
--- a/docs/src/pages/components/Tabs.svx
+++ b/docs/src/pages/components/Tabs.svx
@@ -60,9 +60,9 @@ Using keyboard navigation (left and right arrow keys) will skip to the next non-
-## Container type
+## Contained
-