mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 19:01:05 +00:00
chore: v11 Tabs
In v11 [Tabs](https://carbondesignsystem.com/migrating/guide/design/#tabs-breaking) received some additional modifiers. In this commit we only want to make sure that the Svelte v10 tabs still work using v11 styles. This probably needs additional testing.
This commit is contained in:
parent
7f84c57cb9
commit
1628f56184
8 changed files with 47 additions and 146 deletions
|
@ -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" }
|
||||
},
|
||||
|
|
|
@ -60,9 +60,9 @@ Using keyboard navigation (left and right arrow keys) will skip to the next non-
|
|||
</svelte:fragment>
|
||||
</Tabs>
|
||||
|
||||
## Container type
|
||||
## Contained
|
||||
|
||||
<Tabs type="container">
|
||||
<Tabs contained>
|
||||
<Tab label="Tab label 1" />
|
||||
<Tab label="Tab label 2" />
|
||||
<Tab label="Tab label 3" />
|
||||
|
@ -77,6 +77,6 @@ Using keyboard navigation (left and right arrow keys) will skip to the next non-
|
|||
|
||||
<TabsSkeleton count={3} />
|
||||
|
||||
## Skeleton (container)
|
||||
## Skeleton (contained)
|
||||
|
||||
<TabsSkeleton type="container" count={3} />
|
||||
<TabsSkeleton contained count={3} />
|
Loading…
Add table
Add a link
Reference in a new issue