let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| light | let
| Yes | boolean
| false
| Set to `true` to enable the light variant |
| selected | let
| Yes | boolean
| false
| Set to `true` to select the tile |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
| title | let
| No | string
| "title"
| Specify the title of the selectable tile |
| value | let
| No | string
| "value"
| Specify the value of the selectable tile |
| tabindex | let
| No | string
| "0"
| Specify the tabindex |
@@ -2935,10 +2935,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :------------------ | --------------- | --------------------------- |
-| selectedValues | let
| Yes | any[]
| []
| Specify the selected tile's |
-| legend | let
| No | string
| ""
| Specify the legend text |
+| Prop name | Kind | Reactive | Type | Default value | Description |
+| :------------- | :--------------- | :------- | :------------------- | ------------------ | -------------------------------------------------------------- |
+| selectedValues | let
| Yes | any[]
| []
| Specify the selected tile's |
+| disabled | let
| No | boolean
| false
| Set to `true` to disable the tile group |
+| legend | let
| No | string
| ""
| Specify the legend text |
+| light | let
| No | boolean
| false
| Set to `true` to enable the light variant throughout the group |
### Slots
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 64bd802d..64296c8a 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -8534,7 +8534,7 @@
"value": "false",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
"name": "title",
@@ -8768,6 +8768,16 @@
"constant": false,
"reactive": true
},
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the tile group",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "legend",
"kind": "let",
@@ -8777,6 +8787,16 @@
"isFunction": false,
"constant": false,
"reactive": false
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant throughout the group",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
}
],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
diff --git a/docs/src/pages/components/SelectableTile.svx b/docs/src/pages/components/SelectableTile.svx
index 1bea70db..444751a5 100644
--- a/docs/src/pages/components/SelectableTile.svx
+++ b/docs/src/pages/components/SelectableTile.svx
@@ -16,21 +16,21 @@ components: ["SelectableTile", "SelectableTileGroup"]