chore: v11 ExpandableTile

Note that state labels `tileCollapsedLabel` and `tileExpandedLabel` are no longer supported.
This commit is contained in:
Gregor Wassmann 2023-03-27 16:49:15 +02:00 committed by Enrico Sacchetti
commit ee55f2ba36
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
5 changed files with 2 additions and 44 deletions

View file

@ -3642,30 +3642,6 @@
"constant": false,
"reactive": false
},
{
"name": "tileExpandedLabel",
"kind": "let",
"description": "Specify the icon label of the expanded tile",
"type": "string",
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
"constant": false,
"reactive": false
},
{
"name": "tileCollapsedLabel",
"kind": "let",
"description": "Specify the icon label of the collapsed tile",
"type": "string",
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
"constant": false,
"reactive": false
},
{
"name": "tabindex",
"kind": "let",

View file

@ -58,7 +58,7 @@ Set a custom height for the tiles on the "above" and "below" slots.
For tiles containing interactive content, use `stopPropagation` to prevent the tile from toggling.
<ExpandableTile tileExpandedLabel="View less" tileCollapsedLabel="View more">
<div slot="above">
<div slot="above" height="10rem">
<a href="/" on:click|preventDefault|stopPropagation={() => console.log("Hello world")}>
Native element
</a>