@vuetify/nightly 3.9.0-beta.0-dev.2025-06-24 → 3.9.0-beta.1-dev.2025-06-26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -87
- package/dist/json/attributes.json +795 -795
- package/dist/json/importMap-labs.json +16 -16
- package/dist/json/importMap.json +194 -194
- package/dist/json/web-types.json +1361 -1361
- package/dist/vuetify-labs.cjs +15 -14
- package/dist/vuetify-labs.css +3056 -3056
- package/dist/vuetify-labs.d.ts +65 -65
- package/dist/vuetify-labs.esm.js +15 -14
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +15 -14
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +15 -14
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +3279 -3279
- package/dist/vuetify.d.ts +65 -65
- package/dist/vuetify.esm.js +15 -14
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +15 -14
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +12 -12
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VTreeview/VTreeviewChildren.d.ts +13 -0
- package/lib/components/VTreeview/VTreeviewChildren.js +2 -1
- package/lib/components/VTreeview/VTreeviewChildren.js.map +1 -1
- package/lib/components/VTreeview/VTreeviewItem.js +3 -3
- package/lib/components/VTreeview/VTreeviewItem.js.map +1 -1
- package/lib/composables/nested/nested.js +8 -8
- package/lib/composables/nested/nested.js.map +1 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +65 -65
- package/lib/framework.js +1 -1
- package/package.json +1 -1
@@ -7003,26 +7003,14 @@
|
|
7003
7003
|
"type": "string\n",
|
7004
7004
|
"description": "The icon prepending each uploaded file. This will be a preview image if the file is an image."
|
7005
7005
|
},
|
7006
|
-
"VFooter/
|
7007
|
-
"type": "string |
|
7008
|
-
"description": "
|
7009
|
-
},
|
7010
|
-
"VFooter/name": {
|
7011
|
-
"type": "string\n",
|
7012
|
-
"description": "Assign a specific name for layout registration."
|
7006
|
+
"VFooter/border": {
|
7007
|
+
"type": "string | number | boolean\n",
|
7008
|
+
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7013
7009
|
},
|
7014
7010
|
"VFooter/height": {
|
7015
7011
|
"type": "string | number\n",
|
7016
7012
|
"description": "Sets the height for the component."
|
7017
7013
|
},
|
7018
|
-
"VFooter/theme": {
|
7019
|
-
"type": "string\n",
|
7020
|
-
"description": "Specify a theme for this component and all of its children."
|
7021
|
-
},
|
7022
|
-
"VFooter/border": {
|
7023
|
-
"type": "string | number | boolean\n",
|
7024
|
-
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7025
|
-
},
|
7026
7014
|
"VFooter/elevation": {
|
7027
7015
|
"type": "string | number\n",
|
7028
7016
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -7039,10 +7027,22 @@
|
|
7039
7027
|
"type": "boolean\n",
|
7040
7028
|
"description": "Removes any applied **border-radius** from the component."
|
7041
7029
|
},
|
7030
|
+
"VFooter/tag": {
|
7031
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
7032
|
+
"description": "Specify a custom tag used on the root element."
|
7033
|
+
},
|
7034
|
+
"VFooter/theme": {
|
7035
|
+
"type": "string\n",
|
7036
|
+
"description": "Specify a theme for this component and all of its children."
|
7037
|
+
},
|
7042
7038
|
"VFooter/color": {
|
7043
7039
|
"type": "string\n",
|
7044
7040
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7045
7041
|
},
|
7042
|
+
"VFooter/name": {
|
7043
|
+
"type": "string\n",
|
7044
|
+
"description": "Assign a specific name for layout registration."
|
7045
|
+
},
|
7046
7046
|
"VFooter/order": {
|
7047
7047
|
"type": "string | number\n",
|
7048
7048
|
"description": "Adjust the order of the component in relation to its registration order."
|
@@ -7051,6 +7051,10 @@
|
|
7051
7051
|
"type": "boolean\n",
|
7052
7052
|
"description": "Determines the position of the footer. If true, the footer would be given a fixed position at the bottom of the viewport. If false, the footer is set to the bottom of the page."
|
7053
7053
|
},
|
7054
|
+
"VForm/model-value": {
|
7055
|
+
"type": "boolean\n",
|
7056
|
+
"description": "The value representing the validity of the form. If the value is `null` then no validation has taken place yet, or the form has been reset. Otherwise the value will be a `boolean` that indicates if validation has passed or not."
|
7057
|
+
},
|
7054
7058
|
"VForm/disabled": {
|
7055
7059
|
"type": "boolean\n",
|
7056
7060
|
"description": "Puts all children inputs into a disabled state."
|
@@ -7059,10 +7063,6 @@
|
|
7059
7063
|
"type": "boolean\n",
|
7060
7064
|
"description": "Puts all children inputs into a readonly state."
|
7061
7065
|
},
|
7062
|
-
"VForm/model-value": {
|
7063
|
-
"type": "boolean\n",
|
7064
|
-
"description": "The value representing the validity of the form. If the value is `null` then no validation has taken place yet, or the form has been reset. Otherwise the value will be a `boolean` that indicates if validation has passed or not."
|
7065
|
-
},
|
7066
7066
|
"VForm/validate-on": {
|
7067
7067
|
"type": " | 'eager'\n | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'invalid-input'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'invalid-input lazy'\n | 'blur eager'\n | 'input eager'\n | 'submit eager'\n | 'invalid-input eager'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n | 'lazy invalid-input'\n | 'eager blur'\n | 'eager input'\n | 'eager submit'\n | 'eager invalid-input'\n",
|
7068
7068
|
"description": "Changes the events in which validation occurs."
|
@@ -7123,57 +7123,37 @@
|
|
7123
7123
|
"type": "string | number\n",
|
7124
7124
|
"description": "Sets the component's opacity value"
|
7125
7125
|
},
|
7126
|
-
"VIconBtn/
|
7127
|
-
"type": "string |
|
7128
|
-
"description": "Specify
|
7126
|
+
"VIconBtn/text": {
|
7127
|
+
"type": "string | number | boolean\n",
|
7128
|
+
"description": "Specify content text for the component."
|
7129
7129
|
},
|
7130
|
-
"VIconBtn/
|
7131
|
-
"type": "boolean\n",
|
7132
|
-
"description": "
|
7130
|
+
"VIconBtn/border": {
|
7131
|
+
"type": "string | number | boolean\n",
|
7132
|
+
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7133
|
+
},
|
7134
|
+
"VIconBtn/icon": {
|
7135
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7136
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
7133
7137
|
},
|
7134
7138
|
"VIconBtn/height": {
|
7135
7139
|
"type": "string | number\n",
|
7136
7140
|
"description": "Sets the height for the component."
|
7137
7141
|
},
|
7138
|
-
"VIconBtn/size": {
|
7139
|
-
"type": "string | number\n",
|
7140
|
-
"description": "Sets the height and width of the component."
|
7141
|
-
},
|
7142
7142
|
"VIconBtn/width": {
|
7143
7143
|
"type": "string | number\n",
|
7144
7144
|
"description": "Sets the width for the component."
|
7145
7145
|
},
|
7146
|
-
"VIconBtn/theme": {
|
7147
|
-
"type": "string\n",
|
7148
|
-
"description": "Specify a theme for this component and all of its children."
|
7149
|
-
},
|
7150
|
-
"VIconBtn/active": {
|
7151
|
-
"type": "boolean\n",
|
7152
|
-
"description": "When undefined (default), the component utilizes its default variant, otherwise it will use the activeVariant if active is true, or the baseVariant if active is false."
|
7153
|
-
},
|
7154
|
-
"VIconBtn/active-color": {
|
7155
|
-
"type": "string\n",
|
7156
|
-
"description": "The applied color when the component is in an active state."
|
7157
|
-
},
|
7158
|
-
"VIconBtn/readonly": {
|
7159
|
-
"type": "boolean\n",
|
7160
|
-
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
7161
|
-
},
|
7162
|
-
"VIconBtn/text": {
|
7163
|
-
"type": "string | number | boolean\n",
|
7164
|
-
"description": "Specify content text for the component."
|
7165
|
-
},
|
7166
|
-
"VIconBtn/border": {
|
7167
|
-
"type": "string | number | boolean\n",
|
7168
|
-
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7169
|
-
},
|
7170
7146
|
"VIconBtn/elevation": {
|
7171
7147
|
"type": "string | number\n",
|
7172
7148
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
7173
7149
|
},
|
7174
|
-
"VIconBtn/
|
7175
|
-
"type": "
|
7176
|
-
"description": "
|
7150
|
+
"VIconBtn/icon-sizes": {
|
7151
|
+
"type": "['default' | 'small' | 'x-small' | 'large' | 'x-large', number][]\n",
|
7152
|
+
"description": "An array of tuples that define the icon sizes for each named size."
|
7153
|
+
},
|
7154
|
+
"VIconBtn/icon-size": {
|
7155
|
+
"type": "string | number\n",
|
7156
|
+
"description": "The specific size of the icon, can use named sizes."
|
7177
7157
|
},
|
7178
7158
|
"VIconBtn/rounded": {
|
7179
7159
|
"type": "string | number | boolean\n",
|
@@ -7183,32 +7163,56 @@
|
|
7183
7163
|
"type": "boolean\n",
|
7184
7164
|
"description": "Removes any applied **border-radius** from the component."
|
7185
7165
|
},
|
7166
|
+
"VIconBtn/tag": {
|
7167
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
7168
|
+
"description": "Specify a custom tag used on the root element."
|
7169
|
+
},
|
7170
|
+
"VIconBtn/theme": {
|
7171
|
+
"type": "string\n",
|
7172
|
+
"description": "Specify a theme for this component and all of its children."
|
7173
|
+
},
|
7186
7174
|
"VIconBtn/color": {
|
7187
7175
|
"type": "string\n",
|
7188
7176
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7189
7177
|
},
|
7190
7178
|
"VIconBtn/variant": {
|
7191
|
-
"type": "'
|
7179
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
7192
7180
|
"description": "Applies a distinct style to the component."
|
7193
7181
|
},
|
7194
|
-
"VIconBtn/
|
7195
|
-
"type": "
|
7196
|
-
"description": "
|
7182
|
+
"VIconBtn/disabled": {
|
7183
|
+
"type": "boolean\n",
|
7184
|
+
"description": "Removes the ability to click or target the component."
|
7185
|
+
},
|
7186
|
+
"VIconBtn/size": {
|
7187
|
+
"type": "string | number\n",
|
7188
|
+
"description": "Sets the height and width of the component."
|
7189
|
+
},
|
7190
|
+
"VIconBtn/active-color": {
|
7191
|
+
"type": "string\n",
|
7192
|
+
"description": "The applied color when the component is in an active state."
|
7197
7193
|
},
|
7198
7194
|
"VIconBtn/opacity": {
|
7199
7195
|
"type": "string | number\n",
|
7200
7196
|
"description": "Sets the component's opacity value"
|
7201
7197
|
},
|
7202
|
-
"VIconBtn/sizes": {
|
7203
|
-
"type": "['small' | 'default' | 'x-small' | 'large' | 'x-large', number][]\n",
|
7204
|
-
"description": "An array of tuples that define the button sizes for each named size."
|
7205
|
-
},
|
7206
7198
|
"VIconBtn/icon-color": {
|
7207
7199
|
"type": "string\n",
|
7208
7200
|
"description": "Explicit color applied to the icon."
|
7209
7201
|
},
|
7202
|
+
"VIconBtn/readonly": {
|
7203
|
+
"type": "boolean\n",
|
7204
|
+
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
7205
|
+
},
|
7206
|
+
"VIconBtn/active": {
|
7207
|
+
"type": "boolean\n",
|
7208
|
+
"description": "When undefined (default), the component utilizes its default variant, otherwise it will use the activeVariant if active is true, or the baseVariant if active is false."
|
7209
|
+
},
|
7210
|
+
"VIconBtn/loading": {
|
7211
|
+
"type": "boolean\n",
|
7212
|
+
"description": "Displays circular progress bar in place of the icon."
|
7213
|
+
},
|
7210
7214
|
"VIconBtn/base-variant": {
|
7211
|
-
"type": "'
|
7215
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
7212
7216
|
"description": "When active is a boolean, this variant is used when active is false."
|
7213
7217
|
},
|
7214
7218
|
"VIconBtn/hide-overlay": {
|
@@ -7219,20 +7223,16 @@
|
|
7219
7223
|
"type": "string | number\n",
|
7220
7224
|
"description": "The rotation of the icon in degrees."
|
7221
7225
|
},
|
7222
|
-
"VIconBtn/
|
7223
|
-
"type": "['
|
7224
|
-
"description": "An array of tuples that define the
|
7225
|
-
},
|
7226
|
-
"VIconBtn/icon-size": {
|
7227
|
-
"type": "string | number\n",
|
7228
|
-
"description": "The specific size of the icon, can use named sizes."
|
7226
|
+
"VIconBtn/sizes": {
|
7227
|
+
"type": "['default' | 'small' | 'x-small' | 'large' | 'x-large', number][]\n",
|
7228
|
+
"description": "An array of tuples that define the button sizes for each named size."
|
7229
7229
|
},
|
7230
7230
|
"VIconBtn/active-icon": {
|
7231
7231
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7232
7232
|
"description": "When active is a boolean, this icon is used when active is true."
|
7233
7233
|
},
|
7234
7234
|
"VIconBtn/active-variant": {
|
7235
|
-
"type": "'
|
7235
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
7236
7236
|
"description": "When active is a boolean, this variant is used when active is true."
|
7237
7237
|
},
|
7238
7238
|
"VImg/alt": {
|
@@ -7595,30 +7595,18 @@
|
|
7595
7595
|
"type": "string\n",
|
7596
7596
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7597
7597
|
},
|
7598
|
-
"VLabel/text": {
|
7599
|
-
"type": "string\n",
|
7600
|
-
"description": "Specify content text for the component."
|
7601
|
-
},
|
7602
7598
|
"VLabel/theme": {
|
7603
7599
|
"type": "string\n",
|
7604
7600
|
"description": "Specify a theme for this component and all of its children."
|
7605
7601
|
},
|
7602
|
+
"VLabel/text": {
|
7603
|
+
"type": "string\n",
|
7604
|
+
"description": "Specify content text for the component."
|
7605
|
+
},
|
7606
7606
|
"VLayout/height": {
|
7607
7607
|
"type": "string | number\n",
|
7608
7608
|
"description": "Sets the height for the component."
|
7609
7609
|
},
|
7610
|
-
"VLayout/width": {
|
7611
|
-
"type": "string | number\n",
|
7612
|
-
"description": "Sets the width for the component."
|
7613
|
-
},
|
7614
|
-
"VLayout/full-height": {
|
7615
|
-
"type": "boolean\n",
|
7616
|
-
"description": "Sets the component height to 100%."
|
7617
|
-
},
|
7618
|
-
"VLayout/overlaps": {
|
7619
|
-
"type": "string[]\n",
|
7620
|
-
"description": "**FOR INTERNAL USE ONLY**"
|
7621
|
-
},
|
7622
7610
|
"VLayout/max-height": {
|
7623
7611
|
"type": "string | number\n",
|
7624
7612
|
"description": "Sets the maximum height for the component."
|
@@ -7635,17 +7623,17 @@
|
|
7635
7623
|
"type": "string | number\n",
|
7636
7624
|
"description": "Sets the minimum width for the component."
|
7637
7625
|
},
|
7638
|
-
"
|
7639
|
-
"type": "
|
7640
|
-
"description": "
|
7641
|
-
},
|
7642
|
-
"VLayoutItem/position": {
|
7643
|
-
"type": "'top' | 'bottom' | 'left' | 'right'\n",
|
7644
|
-
"description": "The position of the item."
|
7626
|
+
"VLayout/width": {
|
7627
|
+
"type": "string | number\n",
|
7628
|
+
"description": "Sets the width for the component."
|
7645
7629
|
},
|
7646
|
-
"
|
7630
|
+
"VLayout/full-height": {
|
7647
7631
|
"type": "boolean\n",
|
7648
|
-
"description": "
|
7632
|
+
"description": "Sets the component height to 100%."
|
7633
|
+
},
|
7634
|
+
"VLayout/overlaps": {
|
7635
|
+
"type": "string[]\n",
|
7636
|
+
"description": "**FOR INTERNAL USE ONLY**"
|
7649
7637
|
},
|
7650
7638
|
"VLayoutItem/name": {
|
7651
7639
|
"type": "string\n",
|
@@ -7655,22 +7643,30 @@
|
|
7655
7643
|
"type": "string | number\n",
|
7656
7644
|
"description": "Sets the height and width of the component."
|
7657
7645
|
},
|
7646
|
+
"VLayoutItem/position": {
|
7647
|
+
"type": "'top' | 'left' | 'right' | 'bottom'\n",
|
7648
|
+
"description": "The position of the item."
|
7649
|
+
},
|
7650
|
+
"VLayoutItem/absolute": {
|
7651
|
+
"type": "boolean\n",
|
7652
|
+
"description": "Applies **position: absolute** to the component."
|
7653
|
+
},
|
7654
|
+
"VLayoutItem/model-value": {
|
7655
|
+
"type": "boolean\n",
|
7656
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
7657
|
+
},
|
7658
7658
|
"VLayoutItem/order": {
|
7659
7659
|
"type": "string | number\n",
|
7660
7660
|
"description": "Adjust the order of the component in relation to its registration order."
|
7661
7661
|
},
|
7662
|
-
"VLazy/
|
7663
|
-
"type": "
|
7664
|
-
"description": "
|
7662
|
+
"VLazy/model-value": {
|
7663
|
+
"type": "boolean\n",
|
7664
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
7665
7665
|
},
|
7666
7666
|
"VLazy/height": {
|
7667
7667
|
"type": "string | number\n",
|
7668
7668
|
"description": "Sets the height for the component."
|
7669
7669
|
},
|
7670
|
-
"VLazy/width": {
|
7671
|
-
"type": "string | number\n",
|
7672
|
-
"description": "Sets the width for the component."
|
7673
|
-
},
|
7674
7670
|
"VLazy/max-height": {
|
7675
7671
|
"type": "string | number\n",
|
7676
7672
|
"description": "Sets the maximum height for the component."
|
@@ -7687,9 +7683,13 @@
|
|
7687
7683
|
"type": "string | number\n",
|
7688
7684
|
"description": "Sets the minimum width for the component."
|
7689
7685
|
},
|
7690
|
-
"VLazy/
|
7691
|
-
"type": "
|
7692
|
-
"description": "
|
7686
|
+
"VLazy/width": {
|
7687
|
+
"type": "string | number\n",
|
7688
|
+
"description": "Sets the width for the component."
|
7689
|
+
},
|
7690
|
+
"VLazy/tag": {
|
7691
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
7692
|
+
"description": "Specify a custom tag used on the root element."
|
7693
7693
|
},
|
7694
7694
|
"VLazy/transition": {
|
7695
7695
|
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
@@ -7699,82 +7699,46 @@
|
|
7699
7699
|
"type": "IntersectionObserverInit\n",
|
7700
7700
|
"description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
|
7701
7701
|
},
|
7702
|
-
"VLigatureIcon/icon": {
|
7703
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7704
|
-
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
7705
|
-
},
|
7706
7702
|
"VLigatureIcon/tag": {
|
7707
7703
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
7708
7704
|
"description": "Specify a custom tag used on the root element."
|
7709
7705
|
},
|
7710
|
-
"
|
7711
|
-
"type": "string | (new () => any)
|
7712
|
-
"description": "
|
7713
|
-
},
|
7714
|
-
"VList/nav": {
|
7715
|
-
"type": "boolean\n",
|
7716
|
-
"description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
|
7706
|
+
"VLigatureIcon/icon": {
|
7707
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7708
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
7717
7709
|
},
|
7718
|
-
"VList/
|
7719
|
-
"type": "
|
7720
|
-
"description": "
|
7710
|
+
"VList/border": {
|
7711
|
+
"type": "string | number | boolean\n",
|
7712
|
+
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7721
7713
|
},
|
7722
|
-
"VList/
|
7723
|
-
"type": "
|
7724
|
-
"description": "
|
7714
|
+
"VList/density": {
|
7715
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
7716
|
+
"description": "Adjusts the vertical height used by the component."
|
7725
7717
|
},
|
7726
7718
|
"VList/height": {
|
7727
7719
|
"type": "string | number\n",
|
7728
7720
|
"description": "Sets the height for the component."
|
7729
7721
|
},
|
7730
|
-
"VList/
|
7722
|
+
"VList/max-height": {
|
7731
7723
|
"type": "string | number\n",
|
7732
|
-
"description": "Sets the
|
7724
|
+
"description": "Sets the maximum height for the component."
|
7733
7725
|
},
|
7734
|
-
"VList/
|
7735
|
-
"type": "string\n",
|
7736
|
-
"description": "
|
7726
|
+
"VList/max-width": {
|
7727
|
+
"type": "string | number\n",
|
7728
|
+
"description": "Sets the maximum width for the component."
|
7737
7729
|
},
|
7738
|
-
"VList/
|
7739
|
-
"type": "
|
7740
|
-
"description": "
|
7741
|
-
},
|
7742
|
-
"VList/active-color": {
|
7743
|
-
"type": "string\n",
|
7744
|
-
"description": "Deprecated, use `color` instead."
|
7745
|
-
},
|
7746
|
-
"VList/base-color": {
|
7747
|
-
"type": "string\n",
|
7748
|
-
"description": "Sets the color of component when not focused."
|
7749
|
-
},
|
7750
|
-
"VList/slim": {
|
7751
|
-
"type": "boolean\n",
|
7752
|
-
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
7753
|
-
},
|
7754
|
-
"VList/border": {
|
7755
|
-
"type": "string | number | boolean\n",
|
7756
|
-
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
7757
|
-
},
|
7758
|
-
"VList/density": {
|
7759
|
-
"type": "'default' | 'comfortable' | 'compact'\n",
|
7760
|
-
"description": "Adjusts the vertical height used by the component."
|
7761
|
-
},
|
7762
|
-
"VList/max-height": {
|
7763
|
-
"type": "string | number\n",
|
7764
|
-
"description": "Sets the maximum height for the component."
|
7765
|
-
},
|
7766
|
-
"VList/max-width": {
|
7767
|
-
"type": "string | number\n",
|
7768
|
-
"description": "Sets the maximum width for the component."
|
7769
|
-
},
|
7770
|
-
"VList/min-height": {
|
7771
|
-
"type": "string | number\n",
|
7772
|
-
"description": "Sets the minimum height for the component."
|
7730
|
+
"VList/min-height": {
|
7731
|
+
"type": "string | number\n",
|
7732
|
+
"description": "Sets the minimum height for the component."
|
7773
7733
|
},
|
7774
7734
|
"VList/min-width": {
|
7775
7735
|
"type": "string | number\n",
|
7776
7736
|
"description": "Sets the minimum width for the component."
|
7777
7737
|
},
|
7738
|
+
"VList/width": {
|
7739
|
+
"type": "string | number\n",
|
7740
|
+
"description": "Sets the width for the component."
|
7741
|
+
},
|
7778
7742
|
"VList/elevation": {
|
7779
7743
|
"type": "string | number\n",
|
7780
7744
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -7787,37 +7751,45 @@
|
|
7787
7751
|
"type": "boolean\n",
|
7788
7752
|
"description": "Removes any applied **border-radius** from the component."
|
7789
7753
|
},
|
7754
|
+
"VList/tag": {
|
7755
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
7756
|
+
"description": "Specify a custom tag used on the root element."
|
7757
|
+
},
|
7758
|
+
"VList/theme": {
|
7759
|
+
"type": "string\n",
|
7760
|
+
"description": "Specify a theme for this component and all of its children."
|
7761
|
+
},
|
7790
7762
|
"VList/color": {
|
7791
7763
|
"type": "string\n",
|
7792
7764
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7793
7765
|
},
|
7794
7766
|
"VList/variant": {
|
7795
|
-
"type": "'
|
7767
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
7796
7768
|
"description": "Applies a distinct style to the component."
|
7797
7769
|
},
|
7798
|
-
"VList/
|
7799
|
-
"type": "
|
7800
|
-
"description": "
|
7801
|
-
},
|
7802
|
-
"VList/lines": {
|
7803
|
-
"type": "false | 'one' | 'two' | 'three'\n",
|
7804
|
-
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
7770
|
+
"VList/activated": {
|
7771
|
+
"type": "any\n",
|
7772
|
+
"description": "Array of ids of activated nodes."
|
7805
7773
|
},
|
7806
|
-
"VList/
|
7774
|
+
"VList/disabled": {
|
7807
7775
|
"type": "boolean\n",
|
7808
|
-
"description": "
|
7776
|
+
"description": "Puts all children inputs into a disabled state."
|
7777
|
+
},
|
7778
|
+
"VList/base-color": {
|
7779
|
+
"type": "string\n",
|
7780
|
+
"description": "Sets the color of component when not focused."
|
7781
|
+
},
|
7782
|
+
"VList/active-color": {
|
7783
|
+
"type": "string\n",
|
7784
|
+
"description": "Deprecated, use `color` instead."
|
7809
7785
|
},
|
7810
7786
|
"VList/active-class": {
|
7811
7787
|
"type": "string\n",
|
7812
7788
|
"description": "The class applied to the component when it is in an active state."
|
7813
7789
|
},
|
7814
|
-
"VList/
|
7815
|
-
"type": "
|
7816
|
-
"description": "
|
7817
|
-
},
|
7818
|
-
"VList/value-comparator": {
|
7819
|
-
"type": "(a: any, b: any) => boolean\n",
|
7820
|
-
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
7790
|
+
"VList/bg-color": {
|
7791
|
+
"type": "string\n",
|
7792
|
+
"description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7821
7793
|
},
|
7822
7794
|
"VList/filterable": {
|
7823
7795
|
"type": "boolean\n",
|
@@ -7831,6 +7803,18 @@
|
|
7831
7803
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7832
7804
|
"description": "Icon to display when the list item is expanded."
|
7833
7805
|
},
|
7806
|
+
"VList/lines": {
|
7807
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
7808
|
+
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
7809
|
+
},
|
7810
|
+
"VList/slim": {
|
7811
|
+
"type": "boolean\n",
|
7812
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
7813
|
+
},
|
7814
|
+
"VList/nav": {
|
7815
|
+
"type": "boolean\n",
|
7816
|
+
"description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**."
|
7817
|
+
},
|
7834
7818
|
"VList/activatable": {
|
7835
7819
|
"type": "boolean\n",
|
7836
7820
|
"description": "Designates whether the list items are activatable."
|
@@ -7843,6 +7827,14 @@
|
|
7843
7827
|
"type": "unknown\n",
|
7844
7828
|
"description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
|
7845
7829
|
},
|
7830
|
+
"VList/selected": {
|
7831
|
+
"type": "unknown\n",
|
7832
|
+
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
|
7833
|
+
},
|
7834
|
+
"VList/mandatory": {
|
7835
|
+
"type": "boolean\n",
|
7836
|
+
"description": "Forces at least one item to always be selected (if available)."
|
7837
|
+
},
|
7846
7838
|
"VList/active-strategy": {
|
7847
7839
|
"type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
|
7848
7840
|
"description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
|
@@ -7859,6 +7851,10 @@
|
|
7859
7851
|
"type": "string\n",
|
7860
7852
|
"description": "Designates the key on the supplied items that is used for determining the nodes type."
|
7861
7853
|
},
|
7854
|
+
"VList/items": {
|
7855
|
+
"type": "any[]\n",
|
7856
|
+
"description": "Can be an array of objects or strings. By default objects should have a **title** property, and can optionally have a **props** property containing any [VListItem props](/api/v-list-item/#props), a **value** property to allow selection, and a **children** property containing more item objects. Keys to use for these can be changed with the **item-title**, **item-value**, **item-props**, and **item-children** props."
|
7857
|
+
},
|
7862
7858
|
"VList/item-title": {
|
7863
7859
|
"type": "SelectItemKey<any>\n",
|
7864
7860
|
"description": "Property on supplied `items` that contains its title."
|
@@ -7879,29 +7875,41 @@
|
|
7879
7875
|
"type": "boolean\n",
|
7880
7876
|
"description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**."
|
7881
7877
|
},
|
7882
|
-
"
|
7883
|
-
"type": "
|
7884
|
-
"description": "
|
7878
|
+
"VList/value-comparator": {
|
7879
|
+
"type": "(a: any, b: any) => boolean\n",
|
7880
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
7885
7881
|
},
|
7886
7882
|
"VListGroup/tag": {
|
7887
7883
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
7888
7884
|
"description": "Specify a custom tag used on the root element."
|
7889
7885
|
},
|
7890
|
-
"VListGroup/
|
7886
|
+
"VListGroup/title": {
|
7891
7887
|
"type": "string\n",
|
7892
|
-
"description": "
|
7888
|
+
"description": "Specify a title text for the component."
|
7893
7889
|
},
|
7894
7890
|
"VListGroup/value": {
|
7895
7891
|
"type": "any\n",
|
7896
7892
|
"description": "Expands / Collapse the list-group."
|
7897
7893
|
},
|
7894
|
+
"VListGroup/active-color": {
|
7895
|
+
"type": "string\n",
|
7896
|
+
"description": "Deprecated, use `color` instead."
|
7897
|
+
},
|
7898
7898
|
"VListGroup/base-color": {
|
7899
7899
|
"type": "string\n",
|
7900
7900
|
"description": "Sets the color of component when not focused."
|
7901
7901
|
},
|
7902
|
-
"VListGroup/
|
7902
|
+
"VListGroup/prepend-icon": {
|
7903
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7904
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
7905
|
+
},
|
7906
|
+
"VListGroup/append-icon": {
|
7907
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7908
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
7909
|
+
},
|
7910
|
+
"VListGroup/color": {
|
7903
7911
|
"type": "string\n",
|
7904
|
-
"description": "
|
7912
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
7905
7913
|
},
|
7906
7914
|
"VListGroup/expand-icon": {
|
7907
7915
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
@@ -7911,22 +7919,14 @@
|
|
7911
7919
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7912
7920
|
"description": "Icon to display when the list item is expanded."
|
7913
7921
|
},
|
7914
|
-
"VListGroup/
|
7915
|
-
"type": "
|
7916
|
-
"description": "
|
7917
|
-
},
|
7918
|
-
"VListGroup/prepend-icon": {
|
7919
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7920
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
7922
|
+
"VListGroup/raw-id": {
|
7923
|
+
"type": "string | number\n",
|
7924
|
+
"description": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\"."
|
7921
7925
|
},
|
7922
7926
|
"VListGroup/fluid": {
|
7923
7927
|
"type": "boolean\n",
|
7924
7928
|
"description": "Removes the left padding assigned for action icons from group items."
|
7925
7929
|
},
|
7926
|
-
"VListGroup/raw-id": {
|
7927
|
-
"type": "string | number\n",
|
7928
|
-
"description": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\"."
|
7929
|
-
},
|
7930
7930
|
"VListGroup/subgroup": {
|
7931
7931
|
"type": "boolean\n",
|
7932
7932
|
"description": "Designate the component as nested list group."
|
@@ -7935,73 +7935,17 @@
|
|
7935
7935
|
"type": "string\n",
|
7936
7936
|
"description": "Specify a custom tag used on the root element."
|
7937
7937
|
},
|
7938
|
-
"VListItem/replace": {
|
7939
|
-
"type": "boolean\n",
|
7940
|
-
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
7941
|
-
},
|
7942
|
-
"VListItem/link": {
|
7943
|
-
"type": "boolean\n",
|
7944
|
-
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
7945
|
-
},
|
7946
|
-
"VListItem/tag": {
|
7947
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
7948
|
-
"description": "Specify a custom tag used on the root element."
|
7949
|
-
},
|
7950
|
-
"VListItem/nav": {
|
7951
|
-
"type": "boolean\n",
|
7952
|
-
"description": "Reduces the width v-list-item takes up as well as adding a border radius."
|
7953
|
-
},
|
7954
7938
|
"VListItem/title": {
|
7955
7939
|
"type": "string | number | boolean\n",
|
7956
7940
|
"description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
|
7957
7941
|
},
|
7958
|
-
"VListItem/
|
7959
|
-
"type": "boolean\n",
|
7960
|
-
"description": "Removes the ability to click or target the component."
|
7961
|
-
},
|
7962
|
-
"VListItem/height": {
|
7963
|
-
"type": "string | number\n",
|
7964
|
-
"description": "Sets the height for the component."
|
7965
|
-
},
|
7966
|
-
"VListItem/value": {
|
7967
|
-
"type": "any\n",
|
7968
|
-
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
7969
|
-
},
|
7970
|
-
"VListItem/width": {
|
7971
|
-
"type": "string | number\n",
|
7972
|
-
"description": "Sets the width for the component."
|
7973
|
-
},
|
7974
|
-
"VListItem/theme": {
|
7975
|
-
"type": "string\n",
|
7976
|
-
"description": "Specify a theme for this component and all of its children."
|
7977
|
-
},
|
7978
|
-
"VListItem/active": {
|
7942
|
+
"VListItem/replace": {
|
7979
7943
|
"type": "boolean\n",
|
7980
|
-
"description": "
|
7981
|
-
},
|
7982
|
-
"VListItem/active-color": {
|
7983
|
-
"type": "string\n",
|
7984
|
-
"description": "Deprecated, use `color` instead."
|
7985
|
-
},
|
7986
|
-
"VListItem/base-color": {
|
7987
|
-
"type": "string\n",
|
7988
|
-
"description": "Sets the color of component when not focused."
|
7989
|
-
},
|
7990
|
-
"VListItem/prepend-icon": {
|
7991
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7992
|
-
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
7993
|
-
},
|
7994
|
-
"VListItem/append-icon": {
|
7995
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
7996
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
7944
|
+
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
7997
7945
|
},
|
7998
|
-
"VListItem/
|
7946
|
+
"VListItem/link": {
|
7999
7947
|
"type": "boolean\n",
|
8000
|
-
"description": "
|
8001
|
-
},
|
8002
|
-
"VListItem/ripple": {
|
8003
|
-
"type": "boolean | { class: string; keys: number[] }\n",
|
8004
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
7948
|
+
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
8005
7949
|
},
|
8006
7950
|
"VListItem/border": {
|
8007
7951
|
"type": "string | number | boolean\n",
|
@@ -8011,6 +7955,10 @@
|
|
8011
7955
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
8012
7956
|
"description": "Adjusts the vertical height used by the component."
|
8013
7957
|
},
|
7958
|
+
"VListItem/height": {
|
7959
|
+
"type": "string | number\n",
|
7960
|
+
"description": "Sets the height for the component."
|
7961
|
+
},
|
8014
7962
|
"VListItem/max-height": {
|
8015
7963
|
"type": "string | number\n",
|
8016
7964
|
"description": "Sets the maximum height for the component."
|
@@ -8027,6 +7975,10 @@
|
|
8027
7975
|
"type": "string | number\n",
|
8028
7976
|
"description": "Sets the minimum width for the component."
|
8029
7977
|
},
|
7978
|
+
"VListItem/width": {
|
7979
|
+
"type": "string | number\n",
|
7980
|
+
"description": "Sets the width for the component."
|
7981
|
+
},
|
8030
7982
|
"VListItem/elevation": {
|
8031
7983
|
"type": "string | number\n",
|
8032
7984
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -8039,37 +7991,73 @@
|
|
8039
7991
|
"type": "boolean\n",
|
8040
7992
|
"description": "Removes any applied **border-radius** from the component."
|
8041
7993
|
},
|
8042
|
-
"VListItem/
|
7994
|
+
"VListItem/tag": {
|
7995
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
7996
|
+
"description": "Specify a custom tag used on the root element."
|
7997
|
+
},
|
7998
|
+
"VListItem/theme": {
|
8043
7999
|
"type": "string\n",
|
8044
|
-
"description": "
|
8000
|
+
"description": "Specify a theme for this component and all of its children."
|
8001
|
+
},
|
8002
|
+
"VListItem/color": {
|
8003
|
+
"type": "string\n",
|
8004
|
+
"description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
|
8005
|
+
},
|
8006
|
+
"VListItem/variant": {
|
8007
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
8008
|
+
"description": "Applies a distinct style to the component."
|
8009
|
+
},
|
8010
|
+
"VListItem/disabled": {
|
8011
|
+
"type": "boolean\n",
|
8012
|
+
"description": "Removes the ability to click or target the component."
|
8013
|
+
},
|
8014
|
+
"VListItem/value": {
|
8015
|
+
"type": "any\n",
|
8016
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
8045
8017
|
},
|
8046
8018
|
"VListItem/exact": {
|
8047
8019
|
"type": "boolean\n",
|
8048
8020
|
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
|
8049
8021
|
},
|
8050
|
-
"VListItem/
|
8051
|
-
"type": "string |
|
8052
|
-
"description": "
|
8022
|
+
"VListItem/subtitle": {
|
8023
|
+
"type": "string | number | boolean\n",
|
8024
|
+
"description": "Specify a subtitle text for the component."
|
8053
8025
|
},
|
8054
|
-
"VListItem/color": {
|
8026
|
+
"VListItem/base-color": {
|
8055
8027
|
"type": "string\n",
|
8056
|
-
"description": "
|
8028
|
+
"description": "Sets the color of component when not focused."
|
8057
8029
|
},
|
8058
|
-
"VListItem/
|
8059
|
-
"type": "
|
8060
|
-
"description": "
|
8030
|
+
"VListItem/active-color": {
|
8031
|
+
"type": "string\n",
|
8032
|
+
"description": "Deprecated, use `color` instead."
|
8033
|
+
},
|
8034
|
+
"VListItem/active-class": {
|
8035
|
+
"type": "string\n",
|
8036
|
+
"description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
|
8061
8037
|
},
|
8062
8038
|
"VListItem/lines": {
|
8063
8039
|
"type": "false | 'one' | 'two' | 'three'\n",
|
8064
8040
|
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
8065
8041
|
},
|
8066
|
-
"VListItem/
|
8067
|
-
"type": "
|
8068
|
-
"description": "
|
8042
|
+
"VListItem/slim": {
|
8043
|
+
"type": "boolean\n",
|
8044
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars to create a more compact visual representation."
|
8069
8045
|
},
|
8070
|
-
"VListItem/
|
8071
|
-
"type": "
|
8072
|
-
"description": "
|
8046
|
+
"VListItem/nav": {
|
8047
|
+
"type": "boolean\n",
|
8048
|
+
"description": "Reduces the width v-list-item takes up as well as adding a border radius."
|
8049
|
+
},
|
8050
|
+
"VListItem/append-icon": {
|
8051
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
8052
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
8053
|
+
},
|
8054
|
+
"VListItem/prepend-icon": {
|
8055
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
8056
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
8057
|
+
},
|
8058
|
+
"VListItem/active": {
|
8059
|
+
"type": "boolean\n",
|
8060
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
8073
8061
|
},
|
8074
8062
|
"VListItem/append-avatar": {
|
8075
8063
|
"type": "string\n",
|
@@ -8079,29 +8067,41 @@
|
|
8079
8067
|
"type": "string\n",
|
8080
8068
|
"description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
|
8081
8069
|
},
|
8082
|
-
"
|
8083
|
-
"type": "boolean\n",
|
8084
|
-
"description": "Applies
|
8070
|
+
"VListItem/ripple": {
|
8071
|
+
"type": "boolean | { class: string; keys: number[] }\n",
|
8072
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
8085
8073
|
},
|
8086
|
-
"
|
8087
|
-
"type": "
|
8088
|
-
"description": "
|
8074
|
+
"VListItem/href": {
|
8075
|
+
"type": "string\n",
|
8076
|
+
"description": "Designates the component as anchor and applies the **href** attribute."
|
8077
|
+
},
|
8078
|
+
"VListItem/to": {
|
8079
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
8080
|
+
"description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
|
8089
8081
|
},
|
8090
8082
|
"VListItemAction/tag": {
|
8091
8083
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
8092
8084
|
"description": "Specify a custom tag used on the root element."
|
8093
8085
|
},
|
8094
|
-
"
|
8086
|
+
"VListItemAction/start": {
|
8087
|
+
"type": "boolean\n",
|
8088
|
+
"description": "Applies margin at the end of the component."
|
8089
|
+
},
|
8090
|
+
"VListItemAction/end": {
|
8095
8091
|
"type": "boolean\n",
|
8096
8092
|
"description": "Applies margin at the start of the component."
|
8097
8093
|
},
|
8094
|
+
"VListItemMedia/tag": {
|
8095
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
8096
|
+
"description": "Specify a custom tag used on the root element."
|
8097
|
+
},
|
8098
8098
|
"VListItemMedia/start": {
|
8099
8099
|
"type": "boolean\n",
|
8100
8100
|
"description": "Applies margin at the end of the component."
|
8101
8101
|
},
|
8102
|
-
"VListItemMedia/
|
8103
|
-
"type": "
|
8104
|
-
"description": "
|
8102
|
+
"VListItemMedia/end": {
|
8103
|
+
"type": "boolean\n",
|
8104
|
+
"description": "Applies margin at the start of the component."
|
8105
8105
|
},
|
8106
8106
|
"VListItemSubtitle/tag": {
|
8107
8107
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
@@ -9411,22 +9411,18 @@
|
|
9411
9411
|
"type": "string\n",
|
9412
9412
|
"description": "Specify a custom tag used on the root element."
|
9413
9413
|
},
|
9414
|
-
"VProgressCircular/
|
9415
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
9416
|
-
"description": "Specify a custom tag used on the root element."
|
9417
|
-
},
|
9418
|
-
"VProgressCircular/indeterminate": {
|
9419
|
-
"type": "boolean | 'disable-shrink'\n",
|
9420
|
-
"description": "Constantly animates, use when loading progress is unknown. If set to the string `'disable-shrink'` it will use a simpler animation that does not run on the main thread."
|
9421
|
-
},
|
9422
|
-
"VProgressCircular/size": {
|
9414
|
+
"VProgressCircular/model-value": {
|
9423
9415
|
"type": "string | number\n",
|
9424
|
-
"description": "
|
9416
|
+
"description": "The percentage value for current progress."
|
9425
9417
|
},
|
9426
9418
|
"VProgressCircular/width": {
|
9427
9419
|
"type": "string | number\n",
|
9428
9420
|
"description": "Sets the stroke of the circle in pixels."
|
9429
9421
|
},
|
9422
|
+
"VProgressCircular/tag": {
|
9423
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
9424
|
+
"description": "Specify a custom tag used on the root element."
|
9425
|
+
},
|
9430
9426
|
"VProgressCircular/theme": {
|
9431
9427
|
"type": "string\n",
|
9432
9428
|
"description": "Specify a theme for this component and all of its children."
|
@@ -9435,9 +9431,13 @@
|
|
9435
9431
|
"type": "string\n",
|
9436
9432
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
9437
9433
|
},
|
9438
|
-
"VProgressCircular/
|
9434
|
+
"VProgressCircular/indeterminate": {
|
9435
|
+
"type": "boolean | 'disable-shrink'\n",
|
9436
|
+
"description": "Constantly animates, use when loading progress is unknown. If set to the string `'disable-shrink'` it will use a simpler animation that does not run on the main thread."
|
9437
|
+
},
|
9438
|
+
"VProgressCircular/size": {
|
9439
9439
|
"type": "string | number\n",
|
9440
|
-
"description": "
|
9440
|
+
"description": "Sets the diameter of the circle in pixels."
|
9441
9441
|
},
|
9442
9442
|
"VProgressCircular/bg-color": {
|
9443
9443
|
"type": "string\n",
|
@@ -9447,9 +9447,9 @@
|
|
9447
9447
|
"type": "string | number\n",
|
9448
9448
|
"description": "Rotates the circle start point in degrees."
|
9449
9449
|
},
|
9450
|
-
"VProgressLinear/
|
9451
|
-
"type": "string |
|
9452
|
-
"description": "
|
9450
|
+
"VProgressLinear/tag": {
|
9451
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
9452
|
+
"description": "Specify a custom tag used on the root element."
|
9453
9453
|
},
|
9454
9454
|
"VProgressLinear/reverse": {
|
9455
9455
|
"type": "boolean\n",
|
@@ -9459,6 +9459,22 @@
|
|
9459
9459
|
"type": "string | number\n",
|
9460
9460
|
"description": "Sets the height for the component."
|
9461
9461
|
},
|
9462
|
+
"VProgressLinear/indeterminate": {
|
9463
|
+
"type": "boolean\n",
|
9464
|
+
"description": "Constantly animates, use when loading progress is unknown."
|
9465
|
+
},
|
9466
|
+
"VProgressLinear/max": {
|
9467
|
+
"type": "string | number\n",
|
9468
|
+
"description": "Sets the maximum value the progress can reach."
|
9469
|
+
},
|
9470
|
+
"VProgressLinear/theme": {
|
9471
|
+
"type": "string\n",
|
9472
|
+
"description": "Specify a theme for this component and all of its children."
|
9473
|
+
},
|
9474
|
+
"VProgressLinear/active": {
|
9475
|
+
"type": "boolean\n",
|
9476
|
+
"description": "Reduce the height to 0, hiding component."
|
9477
|
+
},
|
9462
9478
|
"VProgressLinear/location": {
|
9463
9479
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
9464
9480
|
"description": "Specifies the component's location. Can combine by using a space separated string."
|
@@ -9475,25 +9491,13 @@
|
|
9475
9491
|
"type": "boolean\n",
|
9476
9492
|
"description": "Removes any applied **border-radius** from the component."
|
9477
9493
|
},
|
9478
|
-
"VProgressLinear/tag": {
|
9479
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
9480
|
-
"description": "Specify a custom tag used on the root element."
|
9481
|
-
},
|
9482
|
-
"VProgressLinear/theme": {
|
9483
|
-
"type": "string\n",
|
9484
|
-
"description": "Specify a theme for this component and all of its children."
|
9485
|
-
},
|
9486
9494
|
"VProgressLinear/color": {
|
9487
9495
|
"type": "string\n",
|
9488
9496
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
9489
9497
|
},
|
9490
|
-
"VProgressLinear/
|
9491
|
-
"type": "boolean\n",
|
9492
|
-
"description": "Constantly animates, use when loading progress is unknown."
|
9493
|
-
},
|
9494
|
-
"VProgressLinear/max": {
|
9498
|
+
"VProgressLinear/model-value": {
|
9495
9499
|
"type": "string | number\n",
|
9496
|
-
"description": "
|
9500
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
9497
9501
|
},
|
9498
9502
|
"VProgressLinear/bg-color": {
|
9499
9503
|
"type": "string\n",
|
@@ -9503,13 +9507,9 @@
|
|
9503
9507
|
"type": "string | number\n",
|
9504
9508
|
"description": "Set the opacity of the progress bar."
|
9505
9509
|
},
|
9506
|
-
"VProgressLinear/
|
9507
|
-
"type": "boolean\n",
|
9508
|
-
"description": "Reduce the height to 0, hiding component."
|
9509
|
-
},
|
9510
|
-
"VProgressLinear/striped": {
|
9510
|
+
"VProgressLinear/stream": {
|
9511
9511
|
"type": "boolean\n",
|
9512
|
-
"description": "
|
9512
|
+
"description": "An alternative style for portraying loading that works in tandem with **buffer-value**."
|
9513
9513
|
},
|
9514
9514
|
"VProgressLinear/bg-opacity": {
|
9515
9515
|
"type": "string | number\n",
|
@@ -9531,9 +9531,9 @@
|
|
9531
9531
|
"type": "boolean\n",
|
9532
9532
|
"description": "Clicking on the progress track will automatically set the value."
|
9533
9533
|
},
|
9534
|
-
"VProgressLinear/
|
9534
|
+
"VProgressLinear/striped": {
|
9535
9535
|
"type": "boolean\n",
|
9536
|
-
"description": "
|
9536
|
+
"description": "Adds a stripe background to the filled portion of the progress component."
|
9537
9537
|
},
|
9538
9538
|
"VProgressLinear/rounded-bar": {
|
9539
9539
|
"type": "boolean\n",
|
@@ -9771,6 +9771,10 @@
|
|
9771
9771
|
"type": "boolean | 'auto'\n",
|
9772
9772
|
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
|
9773
9773
|
},
|
9774
|
+
"VRadioGroup/ripple": {
|
9775
|
+
"type": "boolean | { class: string; keys: number[] }\n",
|
9776
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
9777
|
+
},
|
9774
9778
|
"VRadioGroup/defaults-target": {
|
9775
9779
|
"type": "string\n",
|
9776
9780
|
"description": "The target component to provide defaults values for."
|
@@ -9787,10 +9791,6 @@
|
|
9787
9791
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
9788
9792
|
"description": "The icon used when active."
|
9789
9793
|
},
|
9790
|
-
"VRadioGroup/ripple": {
|
9791
|
-
"type": "boolean | { class: string; keys: number[] }\n",
|
9792
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
9793
|
-
},
|
9794
9794
|
"VRangeSlider/reverse": {
|
9795
9795
|
"type": "boolean\n",
|
9796
9796
|
"description": "Reverses the slider direction."
|
@@ -12607,10 +12607,22 @@
|
|
12607
12607
|
"type": "(a: any, b: any) => boolean\n",
|
12608
12608
|
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
12609
12609
|
},
|
12610
|
+
"VSystemBar/tag": {
|
12611
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12612
|
+
"description": "Specify a custom tag used on the root element."
|
12613
|
+
},
|
12614
|
+
"VSystemBar/name": {
|
12615
|
+
"type": "string\n",
|
12616
|
+
"description": "Assign a specific name for layout registration."
|
12617
|
+
},
|
12610
12618
|
"VSystemBar/height": {
|
12611
12619
|
"type": "string | number\n",
|
12612
12620
|
"description": "Sets the height for the component."
|
12613
12621
|
},
|
12622
|
+
"VSystemBar/theme": {
|
12623
|
+
"type": "string\n",
|
12624
|
+
"description": "Specify a theme for this component and all of its children."
|
12625
|
+
},
|
12614
12626
|
"VSystemBar/elevation": {
|
12615
12627
|
"type": "string | number\n",
|
12616
12628
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -12627,22 +12639,10 @@
|
|
12627
12639
|
"type": "boolean\n",
|
12628
12640
|
"description": "Removes any applied **border-radius** from the component."
|
12629
12641
|
},
|
12630
|
-
"VSystemBar/tag": {
|
12631
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
12632
|
-
"description": "Specify a custom tag used on the root element."
|
12633
|
-
},
|
12634
|
-
"VSystemBar/theme": {
|
12635
|
-
"type": "string\n",
|
12636
|
-
"description": "Specify a theme for this component and all of its children."
|
12637
|
-
},
|
12638
12642
|
"VSystemBar/color": {
|
12639
12643
|
"type": "string\n",
|
12640
12644
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
12641
12645
|
},
|
12642
|
-
"VSystemBar/name": {
|
12643
|
-
"type": "string\n",
|
12644
|
-
"description": "Assign a specific name for layout registration."
|
12645
|
-
},
|
12646
12646
|
"VSystemBar/order": {
|
12647
12647
|
"type": "string | number\n",
|
12648
12648
|
"description": "Adjust the order of the component in relation to its registration order."
|
@@ -12651,6 +12651,10 @@
|
|
12651
12651
|
"type": "boolean\n",
|
12652
12652
|
"description": "Increases the system bar height to 32px (24px default)."
|
12653
12653
|
},
|
12654
|
+
"VTab/text": {
|
12655
|
+
"type": "string | number | boolean\n",
|
12656
|
+
"description": "Specify content text for the component."
|
12657
|
+
},
|
12654
12658
|
"VTab/replace": {
|
12655
12659
|
"type": "boolean\n",
|
12656
12660
|
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
@@ -12659,141 +12663,137 @@
|
|
12659
12663
|
"type": "boolean\n",
|
12660
12664
|
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
|
12661
12665
|
},
|
12662
|
-
"VTab/
|
12663
|
-
"type": "string |
|
12664
|
-
"description": "
|
12666
|
+
"VTab/border": {
|
12667
|
+
"type": "string | number | boolean\n",
|
12668
|
+
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
12665
12669
|
},
|
12666
|
-
"VTab/
|
12667
|
-
"type": "boolean\n",
|
12668
|
-
"description": "
|
12670
|
+
"VTab/icon": {
|
12671
|
+
"type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12672
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
|
12673
|
+
},
|
12674
|
+
"VTab/density": {
|
12675
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
12676
|
+
"description": "Adjusts the vertical height used by the component."
|
12669
12677
|
},
|
12670
12678
|
"VTab/height": {
|
12671
12679
|
"type": "string | number\n",
|
12672
12680
|
"description": "Sets the height for the component."
|
12673
12681
|
},
|
12674
|
-
"VTab/
|
12682
|
+
"VTab/max-height": {
|
12675
12683
|
"type": "string | number\n",
|
12676
|
-
"description": "Sets the height
|
12684
|
+
"description": "Sets the maximum height for the component."
|
12677
12685
|
},
|
12678
|
-
"VTab/
|
12679
|
-
"type": "
|
12680
|
-
"description": "
|
12686
|
+
"VTab/max-width": {
|
12687
|
+
"type": "string | number\n",
|
12688
|
+
"description": "Sets the maximum width for the component."
|
12689
|
+
},
|
12690
|
+
"VTab/min-height": {
|
12691
|
+
"type": "string | number\n",
|
12692
|
+
"description": "Sets the minimum height for the component."
|
12693
|
+
},
|
12694
|
+
"VTab/min-width": {
|
12695
|
+
"type": "string | number\n",
|
12696
|
+
"description": "Sets the minimum width for the component."
|
12681
12697
|
},
|
12682
12698
|
"VTab/width": {
|
12683
12699
|
"type": "string | number\n",
|
12684
12700
|
"description": "Sets the width for the component."
|
12685
12701
|
},
|
12686
|
-
"VTab/
|
12687
|
-
"type": "string\n",
|
12688
|
-
"description": "
|
12702
|
+
"VTab/elevation": {
|
12703
|
+
"type": "string | number\n",
|
12704
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
12689
12705
|
},
|
12690
|
-
"VTab/
|
12691
|
-
"type": "string\n",
|
12692
|
-
"description": "
|
12706
|
+
"VTab/rounded": {
|
12707
|
+
"type": "string | number | boolean\n",
|
12708
|
+
"description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
|
12693
12709
|
},
|
12694
|
-
"VTab/
|
12695
|
-
"type": "
|
12696
|
-
"description": "
|
12710
|
+
"VTab/tile": {
|
12711
|
+
"type": "boolean\n",
|
12712
|
+
"description": "Removes any applied **border-radius** from the component."
|
12697
12713
|
},
|
12698
|
-
"VTab/
|
12699
|
-
"type": "
|
12700
|
-
"description": "
|
12714
|
+
"VTab/tag": {
|
12715
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12716
|
+
"description": "Specify a custom tag used on the root element."
|
12701
12717
|
},
|
12702
|
-
"VTab/
|
12703
|
-
"type": "
|
12704
|
-
"description": "
|
12718
|
+
"VTab/theme": {
|
12719
|
+
"type": "string\n",
|
12720
|
+
"description": "Specify a theme for this component and all of its children."
|
12705
12721
|
},
|
12706
|
-
"VTab/
|
12707
|
-
"type": "
|
12708
|
-
"description": "
|
12722
|
+
"VTab/color": {
|
12723
|
+
"type": "string\n",
|
12724
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
12709
12725
|
},
|
12710
|
-
"VTab/
|
12711
|
-
"type": "
|
12712
|
-
"description": "
|
12726
|
+
"VTab/variant": {
|
12727
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
12728
|
+
"description": "Applies a distinct style to the component."
|
12713
12729
|
},
|
12714
|
-
"VTab/
|
12730
|
+
"VTab/disabled": {
|
12715
12731
|
"type": "boolean\n",
|
12716
|
-
"description": "
|
12717
|
-
},
|
12718
|
-
"VTab/ripple": {
|
12719
|
-
"type": "boolean | { class: string; keys: number[] }\n",
|
12720
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
12732
|
+
"description": "Removes the ability to click or target the component."
|
12721
12733
|
},
|
12722
|
-
"VTab/
|
12723
|
-
"type": "string | number
|
12724
|
-
"description": "
|
12734
|
+
"VTab/size": {
|
12735
|
+
"type": "string | number\n",
|
12736
|
+
"description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
|
12725
12737
|
},
|
12726
|
-
"VTab/
|
12727
|
-
"type": "
|
12728
|
-
"description": "
|
12738
|
+
"VTab/value": {
|
12739
|
+
"type": "any\n",
|
12740
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
12729
12741
|
},
|
12730
|
-
"VTab/
|
12731
|
-
"type": "
|
12732
|
-
"description": "
|
12742
|
+
"VTab/exact": {
|
12743
|
+
"type": "boolean\n",
|
12744
|
+
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
|
12733
12745
|
},
|
12734
|
-
"VTab/
|
12735
|
-
"type": "string
|
12736
|
-
"description": "Sets the
|
12746
|
+
"VTab/base-color": {
|
12747
|
+
"type": "string\n",
|
12748
|
+
"description": "Sets the color of component when not focused."
|
12737
12749
|
},
|
12738
|
-
"VTab/
|
12739
|
-
"type": "string
|
12740
|
-
"description": "
|
12750
|
+
"VTab/active-color": {
|
12751
|
+
"type": "string\n",
|
12752
|
+
"description": "The applied color when the component is in an active state."
|
12741
12753
|
},
|
12742
|
-
"VTab/
|
12743
|
-
"type": "
|
12744
|
-
"description": "
|
12754
|
+
"VTab/slim": {
|
12755
|
+
"type": "boolean\n",
|
12756
|
+
"description": "Reduces padding to 0 8px."
|
12745
12757
|
},
|
12746
|
-
"VTab/
|
12747
|
-
"type": "string | number\n",
|
12748
|
-
"description": "
|
12758
|
+
"VTab/append-icon": {
|
12759
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12760
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12749
12761
|
},
|
12750
|
-
"VTab/
|
12751
|
-
"type": "string | number\n",
|
12752
|
-
"description": "
|
12762
|
+
"VTab/prepend-icon": {
|
12763
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12764
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
12753
12765
|
},
|
12754
|
-
"VTab/
|
12755
|
-
"type": "
|
12756
|
-
"description": "
|
12766
|
+
"VTab/direction": {
|
12767
|
+
"type": "'horizontal' | 'vertical'\n",
|
12768
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12769
|
+
},
|
12770
|
+
"VTab/readonly": {
|
12771
|
+
"type": "boolean\n",
|
12772
|
+
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
12757
12773
|
},
|
12758
12774
|
"VTab/loading": {
|
12759
12775
|
"type": "string | boolean\n",
|
12760
12776
|
"description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color."
|
12761
12777
|
},
|
12762
|
-
"VTab/
|
12763
|
-
"type": "string
|
12764
|
-
"description": "
|
12778
|
+
"VTab/selected-class": {
|
12779
|
+
"type": "string\n",
|
12780
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12765
12781
|
},
|
12766
|
-
"VTab/
|
12767
|
-
"type": "boolean\n",
|
12768
|
-
"description": "
|
12782
|
+
"VTab/ripple": {
|
12783
|
+
"type": "boolean | { class: string; keys: number[] }\n",
|
12784
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
12769
12785
|
},
|
12770
12786
|
"VTab/href": {
|
12771
12787
|
"type": "string\n",
|
12772
12788
|
"description": "Designates the component as anchor and applies the **href** attribute."
|
12773
12789
|
},
|
12774
|
-
"VTab/exact": {
|
12775
|
-
"type": "boolean\n",
|
12776
|
-
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
|
12777
|
-
},
|
12778
12790
|
"VTab/to": {
|
12779
12791
|
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
12780
12792
|
"description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
|
12781
12793
|
},
|
12782
|
-
"VTab/
|
12783
|
-
"type": "
|
12784
|
-
"description": "
|
12785
|
-
},
|
12786
|
-
"VTab/variant": {
|
12787
|
-
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
12788
|
-
"description": "Applies a distinct style to the component."
|
12789
|
-
},
|
12790
|
-
"VTab/icon": {
|
12791
|
-
"type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12792
|
-
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
|
12793
|
-
},
|
12794
|
-
"VTab/direction": {
|
12795
|
-
"type": "'horizontal' | 'vertical'\n",
|
12796
|
-
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12794
|
+
"VTab/stacked": {
|
12795
|
+
"type": "boolean\n",
|
12796
|
+
"description": "Displays the tab as a flex-column."
|
12797
12797
|
},
|
12798
12798
|
"VTab/slider-color": {
|
12799
12799
|
"type": "string\n",
|
@@ -12803,29 +12803,21 @@
|
|
12803
12803
|
"type": "boolean\n",
|
12804
12804
|
"description": "Hides the active tab slider component (no exit or enter animation)."
|
12805
12805
|
},
|
12806
|
-
"VTable/
|
12807
|
-
"type": "
|
12808
|
-
"description": "
|
12806
|
+
"VTable/tag": {
|
12807
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12808
|
+
"description": "Specify a custom tag used on the root element."
|
12809
12809
|
},
|
12810
12810
|
"VTable/height": {
|
12811
12811
|
"type": "string | number\n",
|
12812
12812
|
"description": "Use the height prop to set the height of the table."
|
12813
12813
|
},
|
12814
|
-
"VTable/tag": {
|
12815
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
12816
|
-
"description": "Specify a custom tag used on the root element."
|
12817
|
-
},
|
12818
12814
|
"VTable/theme": {
|
12819
12815
|
"type": "string\n",
|
12820
12816
|
"description": "Specify a theme for this component and all of its children."
|
12821
12817
|
},
|
12822
|
-
"VTable/
|
12823
|
-
"type": "
|
12824
|
-
"description": "
|
12825
|
-
},
|
12826
|
-
"VTable/fixed-footer": {
|
12827
|
-
"type": "boolean\n",
|
12828
|
-
"description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
|
12818
|
+
"VTable/density": {
|
12819
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
12820
|
+
"description": "Adjusts the vertical height used by the component."
|
12829
12821
|
},
|
12830
12822
|
"VTable/hover": {
|
12831
12823
|
"type": "boolean\n",
|
@@ -12835,6 +12827,14 @@
|
|
12835
12827
|
"type": "'odd' | 'even'\n",
|
12836
12828
|
"description": "Applies a background to either **even** or **odd** rows."
|
12837
12829
|
},
|
12830
|
+
"VTable/fixed-header": {
|
12831
|
+
"type": "boolean\n",
|
12832
|
+
"description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table."
|
12833
|
+
},
|
12834
|
+
"VTable/fixed-footer": {
|
12835
|
+
"type": "boolean\n",
|
12836
|
+
"description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
|
12837
|
+
},
|
12838
12838
|
"VTabs/symbol": {
|
12839
12839
|
"type": "any\n",
|
12840
12840
|
"description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/)."
|
@@ -12915,6 +12915,14 @@
|
|
12915
12915
|
"type": "boolean\n",
|
12916
12916
|
"description": "Apply the stacked prop to all children v-tab components."
|
12917
12917
|
},
|
12918
|
+
"VTabs/slider-color": {
|
12919
|
+
"type": "string\n",
|
12920
|
+
"description": "Changes the background color of an auto-generated `v-tabs-slider`."
|
12921
|
+
},
|
12922
|
+
"VTabs/hide-slider": {
|
12923
|
+
"type": "boolean\n",
|
12924
|
+
"description": "Hide's the generated `v-tabs-slider`."
|
12925
|
+
},
|
12918
12926
|
"VTabs/align-tabs": {
|
12919
12927
|
"type": "'title' | 'end' | 'start' | 'center'\n",
|
12920
12928
|
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component."
|
@@ -12927,14 +12935,6 @@
|
|
12927
12935
|
"type": "boolean\n",
|
12928
12936
|
"description": "Force `v-tab`'s to take up all available space."
|
12929
12937
|
},
|
12930
|
-
"VTabs/hide-slider": {
|
12931
|
-
"type": "boolean\n",
|
12932
|
-
"description": "Hide's the generated `v-tabs-slider`."
|
12933
|
-
},
|
12934
|
-
"VTabs/slider-color": {
|
12935
|
-
"type": "string\n",
|
12936
|
-
"description": "Changes the background color of an auto-generated `v-tabs-slider`."
|
12937
|
-
},
|
12938
12938
|
"VTabs/center-active": {
|
12939
12939
|
"type": "boolean\n",
|
12940
12940
|
"description": "Forces the selected tab to be centered."
|
@@ -13631,10 +13631,6 @@
|
|
13631
13631
|
"type": "boolean\n",
|
13632
13632
|
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs."
|
13633
13633
|
},
|
13634
|
-
"VTimePickerClock/rotate": {
|
13635
|
-
"type": "number\n",
|
13636
|
-
"description": "Controls rotation, specifying the degree of rotation for the clock hands."
|
13637
|
-
},
|
13638
13634
|
"VTimePickerClock/ampm": {
|
13639
13635
|
"type": "boolean\n",
|
13640
13636
|
"description": "Displays time in a 12-hour format."
|
@@ -13651,10 +13647,18 @@
|
|
13651
13647
|
"type": "Function\n",
|
13652
13648
|
"description": "Specifies the format of the displayed time, either 12-hour or 24-hour, depending on the component's setup."
|
13653
13649
|
},
|
13650
|
+
"VTimePickerClock/rotate": {
|
13651
|
+
"type": "number\n",
|
13652
|
+
"description": "Controls rotation, specifying the degree of rotation for the clock hands."
|
13653
|
+
},
|
13654
13654
|
"VTimePickerClock/allowed-values": {
|
13655
13655
|
"type": "(value: number) => boolean\n",
|
13656
13656
|
"description": "Restricts which hours can be selected."
|
13657
13657
|
},
|
13658
|
+
"VTimePickerControls/color": {
|
13659
|
+
"type": "string\n",
|
13660
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13661
|
+
},
|
13658
13662
|
"VTimePickerControls/disabled": {
|
13659
13663
|
"type": "boolean\n",
|
13660
13664
|
"description": "Removes the ability to click or target the component."
|
@@ -13667,10 +13671,6 @@
|
|
13667
13671
|
"type": "boolean\n",
|
13668
13672
|
"description": "Makes the timepicker readonly."
|
13669
13673
|
},
|
13670
|
-
"VTimePickerControls/color": {
|
13671
|
-
"type": "string\n",
|
13672
|
-
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13673
|
-
},
|
13674
13674
|
"VTimePickerControls/view-mode": {
|
13675
13675
|
"type": "'hour' | 'minute' | 'second'\n",
|
13676
13676
|
"description": "The current view mode of the timepicker. Can be either `hour`, `minute`, or `second`."
|
@@ -13699,18 +13699,10 @@
|
|
13699
13699
|
"type": "'am' | 'pm'\n",
|
13700
13700
|
"description": "The current period value. either `am` or `pm`."
|
13701
13701
|
},
|
13702
|
-
"VTimeline/density": {
|
13703
|
-
"type": "'default' | 'comfortable' | 'compact'\n",
|
13704
|
-
"description": "Adjusts the vertical height used by the component."
|
13705
|
-
},
|
13706
13702
|
"VTimeline/tag": {
|
13707
13703
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
13708
13704
|
"description": "Specify a custom tag used on the root element."
|
13709
13705
|
},
|
13710
|
-
"VTimeline/theme": {
|
13711
|
-
"type": "string\n",
|
13712
|
-
"description": "Specify a theme for this component and all of its children."
|
13713
|
-
},
|
13714
13706
|
"VTimeline/align": {
|
13715
13707
|
"type": "'start' | 'center'\n",
|
13716
13708
|
"description": "Places the timeline dot at the top or center of the timeline item."
|
@@ -13719,17 +13711,21 @@
|
|
13719
13711
|
"type": "string | number\n",
|
13720
13712
|
"description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
|
13721
13713
|
},
|
13722
|
-
"VTimeline/
|
13714
|
+
"VTimeline/theme": {
|
13723
13715
|
"type": "string\n",
|
13724
|
-
"description": "
|
13716
|
+
"description": "Specify a theme for this component and all of its children."
|
13717
|
+
},
|
13718
|
+
"VTimeline/density": {
|
13719
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
13720
|
+
"description": "Adjusts the vertical height used by the component."
|
13725
13721
|
},
|
13726
13722
|
"VTimeline/direction": {
|
13727
13723
|
"type": "'horizontal' | 'vertical'\n",
|
13728
13724
|
"description": "Display timeline in a **vertical** or **horizontal** direction."
|
13729
13725
|
},
|
13730
|
-
"VTimeline/
|
13731
|
-
"type": "
|
13732
|
-
"description": "
|
13726
|
+
"VTimeline/icon-color": {
|
13727
|
+
"type": "string\n",
|
13728
|
+
"description": "Color of the icon."
|
13733
13729
|
},
|
13734
13730
|
"VTimeline/justify": {
|
13735
13731
|
"type": "string\n",
|
@@ -13759,30 +13755,26 @@
|
|
13759
13755
|
"type": "string | number\n",
|
13760
13756
|
"description": "Specifies the distance between the line and the dot of timeline items."
|
13761
13757
|
},
|
13758
|
+
"VTimeline/side": {
|
13759
|
+
"type": "'start' | 'end'\n",
|
13760
|
+
"description": "Display all timeline items on one side of the timeline, either **start** or **end**."
|
13761
|
+
},
|
13762
13762
|
"VTimeline/truncate-line": {
|
13763
|
-
"type": "'
|
13763
|
+
"type": "'start' | 'end' | 'both'\n",
|
13764
13764
|
"description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends."
|
13765
13765
|
},
|
13766
|
-
"VTimelineItem/
|
13767
|
-
"type": "string | (new () => any)
|
13768
|
-
"description": "
|
13769
|
-
},
|
13770
|
-
"VTimelineItem/height": {
|
13771
|
-
"type": "string | number\n",
|
13772
|
-
"description": "Sets the height for the component."
|
13773
|
-
},
|
13774
|
-
"VTimelineItem/size": {
|
13775
|
-
"type": "string | number\n",
|
13776
|
-
"description": "Size of the item dot"
|
13777
|
-
},
|
13778
|
-
"VTimelineItem/width": {
|
13779
|
-
"type": "string | number\n",
|
13780
|
-
"description": "Sets the width for the component."
|
13766
|
+
"VTimelineItem/icon": {
|
13767
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13768
|
+
"description": "Apply a specific icon to the inside dot using the [v-icon](/components/icons/) component."
|
13781
13769
|
},
|
13782
13770
|
"VTimelineItem/density": {
|
13783
13771
|
"type": "'default' | 'compact'\n",
|
13784
13772
|
"description": "Adjusts the vertical height used by the component."
|
13785
13773
|
},
|
13774
|
+
"VTimelineItem/height": {
|
13775
|
+
"type": "string | number\n",
|
13776
|
+
"description": "Sets the height for the component."
|
13777
|
+
},
|
13786
13778
|
"VTimelineItem/max-height": {
|
13787
13779
|
"type": "string | number\n",
|
13788
13780
|
"description": "Sets the maximum height for the component."
|
@@ -13799,6 +13791,10 @@
|
|
13799
13791
|
"type": "string | number\n",
|
13800
13792
|
"description": "Sets the minimum width for the component."
|
13801
13793
|
},
|
13794
|
+
"VTimelineItem/width": {
|
13795
|
+
"type": "string | number\n",
|
13796
|
+
"description": "Sets the width for the component."
|
13797
|
+
},
|
13802
13798
|
"VTimelineItem/elevation": {
|
13803
13799
|
"type": "string | number\n",
|
13804
13800
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -13811,14 +13807,22 @@
|
|
13811
13807
|
"type": "boolean\n",
|
13812
13808
|
"description": "Removes any applied **border-radius** from the component."
|
13813
13809
|
},
|
13814
|
-
"VTimelineItem/
|
13815
|
-
"type": "
|
13816
|
-
"description": "
|
13810
|
+
"VTimelineItem/tag": {
|
13811
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13812
|
+
"description": "Specify a custom tag used on the root element."
|
13813
|
+
},
|
13814
|
+
"VTimelineItem/size": {
|
13815
|
+
"type": "string | number\n",
|
13816
|
+
"description": "Size of the item dot"
|
13817
13817
|
},
|
13818
13818
|
"VTimelineItem/icon-color": {
|
13819
13819
|
"type": "string\n",
|
13820
13820
|
"description": "Color of the icon."
|
13821
13821
|
},
|
13822
|
+
"VTimelineItem/side": {
|
13823
|
+
"type": "'end' | 'start'\n",
|
13824
|
+
"description": "Show the item either **before** or **after** the timeline. This will override the implicit ordering of items, but will in turn be overridden by the `v-timeline` **single-side** prop."
|
13825
|
+
},
|
13822
13826
|
"VTimelineItem/dot-color": {
|
13823
13827
|
"type": "string\n",
|
13824
13828
|
"description": "Color of the item dot."
|
@@ -13839,30 +13843,34 @@
|
|
13839
13843
|
"type": "string | number\n",
|
13840
13844
|
"description": "Specifies the distance between the line and the dot of the item."
|
13841
13845
|
},
|
13842
|
-
"
|
13843
|
-
"type": "
|
13844
|
-
"description": "
|
13846
|
+
"VToolbar/flat": {
|
13847
|
+
"type": "boolean\n",
|
13848
|
+
"description": "Removes the toolbar's box-shadow."
|
13849
|
+
},
|
13850
|
+
"VToolbar/tag": {
|
13851
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13852
|
+
"description": "Specify a custom tag used on the root element."
|
13845
13853
|
},
|
13846
13854
|
"VToolbar/title": {
|
13847
13855
|
"type": "string\n",
|
13848
13856
|
"description": "Specify a title text for the component."
|
13849
13857
|
},
|
13850
|
-
"VToolbar/
|
13851
|
-
"type": "
|
13852
|
-
"description": "
|
13858
|
+
"VToolbar/height": {
|
13859
|
+
"type": "string | number\n",
|
13860
|
+
"description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
|
13861
|
+
},
|
13862
|
+
"VToolbar/theme": {
|
13863
|
+
"type": "string\n",
|
13864
|
+
"description": "Specify a theme for this component and all of its children."
|
13853
13865
|
},
|
13854
13866
|
"VToolbar/border": {
|
13855
13867
|
"type": "string | number | boolean\n",
|
13856
13868
|
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
13857
13869
|
},
|
13858
13870
|
"VToolbar/density": {
|
13859
|
-
"type": "'default' | '
|
13871
|
+
"type": "'default' | 'comfortable' | 'compact' | 'prominent'\n",
|
13860
13872
|
"description": "Adjusts the vertical height used by the component."
|
13861
13873
|
},
|
13862
|
-
"VToolbar/height": {
|
13863
|
-
"type": "string | number\n",
|
13864
|
-
"description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
|
13865
|
-
},
|
13866
13874
|
"VToolbar/elevation": {
|
13867
13875
|
"type": "string | number\n",
|
13868
13876
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -13879,14 +13887,6 @@
|
|
13879
13887
|
"type": "boolean\n",
|
13880
13888
|
"description": "Removes any applied **border-radius** from the component."
|
13881
13889
|
},
|
13882
|
-
"VToolbar/tag": {
|
13883
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13884
|
-
"description": "Specify a custom tag used on the root element."
|
13885
|
-
},
|
13886
|
-
"VToolbar/theme": {
|
13887
|
-
"type": "string\n",
|
13888
|
-
"description": "Specify a theme for this component and all of its children."
|
13889
|
-
},
|
13890
13890
|
"VToolbar/color": {
|
13891
13891
|
"type": "string\n",
|
13892
13892
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
@@ -13895,28 +13895,28 @@
|
|
13895
13895
|
"type": "string\n",
|
13896
13896
|
"description": "Specifies a [v-img](/components/images) as the component's background."
|
13897
13897
|
},
|
13898
|
-
"VToolbar/
|
13898
|
+
"VToolbar/floating": {
|
13899
13899
|
"type": "boolean\n",
|
13900
|
-
"description": "
|
13900
|
+
"description": "Applies **display: inline-flex** to the component."
|
13901
13901
|
},
|
13902
13902
|
"VToolbar/extended": {
|
13903
13903
|
"type": "boolean\n",
|
13904
13904
|
"description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop. When false, will not show extension slot even if content is present."
|
13905
13905
|
},
|
13906
|
+
"VToolbar/collapse": {
|
13907
|
+
"type": "boolean\n",
|
13908
|
+
"description": "Puts the toolbar into a collapsed state reducing its maximum width."
|
13909
|
+
},
|
13906
13910
|
"VToolbar/extension-height": {
|
13907
13911
|
"type": "string | number\n",
|
13908
13912
|
"description": "Specify an explicit height for the `extension` slot."
|
13909
13913
|
},
|
13910
|
-
"VToolbar/floating": {
|
13911
|
-
"type": "boolean\n",
|
13912
|
-
"description": "Applies **display: inline-flex** to the component."
|
13913
|
-
},
|
13914
13914
|
"VToolbarItems/color": {
|
13915
13915
|
"type": "string\n",
|
13916
13916
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13917
13917
|
},
|
13918
13918
|
"VToolbarItems/variant": {
|
13919
|
-
"type": "'
|
13919
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13920
13920
|
"description": "Applies a distinct style to the component."
|
13921
13921
|
},
|
13922
13922
|
"VToolbarTitle/tag": {
|
@@ -13927,18 +13927,30 @@
|
|
13927
13927
|
"type": "string\n",
|
13928
13928
|
"description": "Specify content text for the component."
|
13929
13929
|
},
|
13930
|
-
"VTooltip/
|
13931
|
-
"type": "string\n",
|
13932
|
-
"description": "Specify content text for the component."
|
13933
|
-
},
|
13934
|
-
"VTooltip/model-value": {
|
13930
|
+
"VTooltip/disabled": {
|
13935
13931
|
"type": "boolean\n",
|
13936
|
-
"description": "
|
13932
|
+
"description": "Removes the ability to click or target the component."
|
13937
13933
|
},
|
13938
13934
|
"VTooltip/height": {
|
13939
13935
|
"type": "string | number\n",
|
13940
13936
|
"description": "Sets the height for the component."
|
13941
13937
|
},
|
13938
|
+
"VTooltip/width": {
|
13939
|
+
"type": "string | number\n",
|
13940
|
+
"description": "Sets the width for the component."
|
13941
|
+
},
|
13942
|
+
"VTooltip/id": {
|
13943
|
+
"type": "string\n",
|
13944
|
+
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13945
|
+
},
|
13946
|
+
"VTooltip/theme": {
|
13947
|
+
"type": "string\n",
|
13948
|
+
"description": "Specify a theme for this component and all of its children."
|
13949
|
+
},
|
13950
|
+
"VTooltip/text": {
|
13951
|
+
"type": "string\n",
|
13952
|
+
"description": "Specify content text for the component."
|
13953
|
+
},
|
13942
13954
|
"VTooltip/max-height": {
|
13943
13955
|
"type": "string | number\n",
|
13944
13956
|
"description": "Sets the maximum height for the component."
|
@@ -13955,29 +13967,17 @@
|
|
13955
13967
|
"type": "string | number\n",
|
13956
13968
|
"description": "Sets the minimum width for the component."
|
13957
13969
|
},
|
13958
|
-
"VTooltip/width": {
|
13959
|
-
"type": "string | number\n",
|
13960
|
-
"description": "Sets the width for the component."
|
13961
|
-
},
|
13962
13970
|
"VTooltip/location": {
|
13963
13971
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
13964
13972
|
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
13965
13973
|
},
|
13966
|
-
"VTooltip/
|
13967
|
-
"type": "string\n",
|
13968
|
-
"description": "Specify a theme for this component and all of its children."
|
13969
|
-
},
|
13970
|
-
"VTooltip/disabled": {
|
13974
|
+
"VTooltip/model-value": {
|
13971
13975
|
"type": "boolean\n",
|
13972
|
-
"description": "
|
13973
|
-
},
|
13974
|
-
"VTooltip/id": {
|
13975
|
-
"type": "string\n",
|
13976
|
-
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13976
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13977
13977
|
},
|
13978
|
-
"VTooltip/
|
13979
|
-
"type": "boolean\n",
|
13980
|
-
"description": "
|
13978
|
+
"VTooltip/transition": {
|
13979
|
+
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
13980
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13981
13981
|
},
|
13982
13982
|
"VTooltip/activator": {
|
13983
13983
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
@@ -14047,6 +14047,10 @@
|
|
14047
14047
|
"type": "string | number\n",
|
14048
14048
|
"description": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**)."
|
14049
14049
|
},
|
14050
|
+
"VTooltip/eager": {
|
14051
|
+
"type": "boolean\n",
|
14052
|
+
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
14053
|
+
},
|
14050
14054
|
"VTooltip/location-strategy": {
|
14051
14055
|
"type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L38-L42\" target=\"_blank\">LocationStrategyFunction</a>\n",
|
14052
14056
|
"description": "A function used to specifies how the component should position relative to its activator."
|
@@ -14060,13 +14064,9 @@
|
|
14060
14064
|
"description": "Increases distance from the target. When passed as a pair of numbers, the second value shifts anchor along the side and away from the target."
|
14061
14065
|
},
|
14062
14066
|
"VTooltip/scroll-strategy": {
|
14063
|
-
"type": "'close' | '
|
14067
|
+
"type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFunction</a>\n",
|
14064
14068
|
"description": "Strategy used when the component is activate and user scrolls."
|
14065
14069
|
},
|
14066
|
-
"VTooltip/transition": {
|
14067
|
-
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
14068
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
14069
|
-
},
|
14070
14070
|
"VTooltip/attach": {
|
14071
14071
|
"type": "string | boolean | Element\n",
|
14072
14072
|
"description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default."
|
@@ -14079,54 +14079,22 @@
|
|
14079
14079
|
"type": "string\n",
|
14080
14080
|
"description": "The search model for filtering results."
|
14081
14081
|
},
|
14082
|
-
"VTreeview/tag": {
|
14083
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
14084
|
-
"description": "Specify a custom tag used on the root element."
|
14085
|
-
},
|
14086
|
-
"VTreeview/activated": {
|
14087
|
-
"type": "any\n",
|
14088
|
-
"description": "Array of ids of activated nodes."
|
14089
|
-
},
|
14090
|
-
"VTreeview/disabled": {
|
14091
|
-
"type": "boolean\n",
|
14092
|
-
"description": "Disables selection for all nodes."
|
14093
|
-
},
|
14094
|
-
"VTreeview/height": {
|
14095
|
-
"type": "string | number\n",
|
14096
|
-
"description": "Sets the height for the component."
|
14097
|
-
},
|
14098
|
-
"VTreeview/width": {
|
14099
|
-
"type": "string | number\n",
|
14100
|
-
"description": "Sets the width for the component."
|
14101
|
-
},
|
14102
|
-
"VTreeview/theme": {
|
14103
|
-
"type": "string\n",
|
14104
|
-
"description": "Specify a theme for this component and all of its children."
|
14105
|
-
},
|
14106
|
-
"VTreeview/items": {
|
14107
|
-
"type": "unknown[]\n",
|
14108
|
-
"description": "An array of items used to build the treeview."
|
14109
|
-
},
|
14110
|
-
"VTreeview/active-color": {
|
14111
|
-
"type": "string\n",
|
14112
|
-
"description": "Deprecated, use `color` instead."
|
14113
|
-
},
|
14114
|
-
"VTreeview/base-color": {
|
14115
|
-
"type": "string\n",
|
14116
|
-
"description": "Sets the color of component when not focused."
|
14117
|
-
},
|
14118
|
-
"VTreeview/slim": {
|
14119
|
-
"type": "boolean\n",
|
14120
|
-
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
14121
|
-
},
|
14122
14082
|
"VTreeview/border": {
|
14123
14083
|
"type": "string | number | boolean\n",
|
14124
14084
|
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
14125
14085
|
},
|
14086
|
+
"VTreeview/model-value": {
|
14087
|
+
"type": "unknown[]\n",
|
14088
|
+
"description": "Allows one to control which nodes are selected. The array contains the values of currently selected items. It is equivalent to the `v-model:selected`"
|
14089
|
+
},
|
14126
14090
|
"VTreeview/density": {
|
14127
14091
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
14128
14092
|
"description": "Adjusts the vertical height used by the component."
|
14129
14093
|
},
|
14094
|
+
"VTreeview/height": {
|
14095
|
+
"type": "string | number\n",
|
14096
|
+
"description": "Sets the height for the component."
|
14097
|
+
},
|
14130
14098
|
"VTreeview/max-height": {
|
14131
14099
|
"type": "string | number\n",
|
14132
14100
|
"description": "Sets the maximum height for the component."
|
@@ -14143,6 +14111,10 @@
|
|
14143
14111
|
"type": "string | number\n",
|
14144
14112
|
"description": "Sets the minimum width for the component."
|
14145
14113
|
},
|
14114
|
+
"VTreeview/width": {
|
14115
|
+
"type": "string | number\n",
|
14116
|
+
"description": "Sets the width for the component."
|
14117
|
+
},
|
14146
14118
|
"VTreeview/elevation": {
|
14147
14119
|
"type": "string | number\n",
|
14148
14120
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
@@ -14155,57 +14127,29 @@
|
|
14155
14127
|
"type": "boolean\n",
|
14156
14128
|
"description": "Removes any applied **border-radius** from the component."
|
14157
14129
|
},
|
14130
|
+
"VTreeview/tag": {
|
14131
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
14132
|
+
"description": "Specify a custom tag used on the root element."
|
14133
|
+
},
|
14134
|
+
"VTreeview/theme": {
|
14135
|
+
"type": "string\n",
|
14136
|
+
"description": "Specify a theme for this component and all of its children."
|
14137
|
+
},
|
14158
14138
|
"VTreeview/color": {
|
14159
14139
|
"type": "string\n",
|
14160
14140
|
"description": "Applies specified color to the active node - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
14161
14141
|
},
|
14162
14142
|
"VTreeview/variant": {
|
14163
|
-
"type": "'
|
14143
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
14164
14144
|
"description": "Applies a distinct style to the component."
|
14165
14145
|
},
|
14166
|
-
"VTreeview/
|
14167
|
-
"type": "unknown[]\n",
|
14168
|
-
"description": "Allows one to control which nodes are selected. The array contains the values of currently selected items. It is equivalent to the `v-model:selected`"
|
14169
|
-
},
|
14170
|
-
"VTreeview/bg-color": {
|
14171
|
-
"type": "string\n",
|
14172
|
-
"description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
14173
|
-
},
|
14174
|
-
"VTreeview/lines": {
|
14175
|
-
"type": "false | 'one' | 'two' | 'three'\n",
|
14176
|
-
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
14177
|
-
},
|
14178
|
-
"VTreeview/mandatory": {
|
14179
|
-
"type": "boolean\n",
|
14180
|
-
"description": "Forces at least one item to always be selected (if available)."
|
14181
|
-
},
|
14182
|
-
"VTreeview/open-on-click": {
|
14183
|
-
"type": "boolean\n",
|
14184
|
-
"description": "When `true` will cause nodes to be opened by clicking anywhere on it, instead of only opening by clicking on expand icon. When using this prop with `activatable` you will be unable to mark nodes with children as active."
|
14185
|
-
},
|
14186
|
-
"VTreeview/active-class": {
|
14187
|
-
"type": "string\n",
|
14188
|
-
"description": "The class applied to the component when it is in an active state."
|
14189
|
-
},
|
14190
|
-
"VTreeview/selected": {
|
14146
|
+
"VTreeview/activated": {
|
14191
14147
|
"type": "any\n",
|
14192
|
-
"description": "
|
14193
|
-
},
|
14194
|
-
"VTreeview/indeterminate-icon": {
|
14195
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14196
|
-
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`."
|
14197
|
-
},
|
14198
|
-
"VTreeview/false-icon": {
|
14199
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14200
|
-
"description": "The icon used when inactive."
|
14201
|
-
},
|
14202
|
-
"VTreeview/true-icon": {
|
14203
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14204
|
-
"description": "The icon used when active."
|
14148
|
+
"description": "Array of ids of activated nodes."
|
14205
14149
|
},
|
14206
|
-
"VTreeview/
|
14207
|
-
"type": "
|
14208
|
-
"description": "
|
14150
|
+
"VTreeview/disabled": {
|
14151
|
+
"type": "boolean\n",
|
14152
|
+
"description": "Disables selection for all nodes."
|
14209
14153
|
},
|
14210
14154
|
"VTreeview/filter-mode": {
|
14211
14155
|
"type": "'every' | 'some' | 'union' | 'intersection'\n",
|
@@ -14227,6 +14171,22 @@
|
|
14227
14171
|
"type": "string | string[]\n",
|
14228
14172
|
"description": "Array of specific keys to filter on the item."
|
14229
14173
|
},
|
14174
|
+
"VTreeview/base-color": {
|
14175
|
+
"type": "string\n",
|
14176
|
+
"description": "Sets the color of component when not focused."
|
14177
|
+
},
|
14178
|
+
"VTreeview/active-color": {
|
14179
|
+
"type": "string\n",
|
14180
|
+
"description": "Deprecated, use `color` instead."
|
14181
|
+
},
|
14182
|
+
"VTreeview/active-class": {
|
14183
|
+
"type": "string\n",
|
14184
|
+
"description": "The class applied to the component when it is in an active state."
|
14185
|
+
},
|
14186
|
+
"VTreeview/bg-color": {
|
14187
|
+
"type": "string\n",
|
14188
|
+
"description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
14189
|
+
},
|
14230
14190
|
"VTreeview/filterable": {
|
14231
14191
|
"type": "boolean\n",
|
14232
14192
|
"description": "**FOR INTERNAL USE ONLY** Prevents list item selection using [space] key and pass it back to the text input. Used internally for VAutocomplete and VCombobox."
|
@@ -14239,6 +14199,14 @@
|
|
14239
14199
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14240
14200
|
"description": "Icon to display when the list item is expanded."
|
14241
14201
|
},
|
14202
|
+
"VTreeview/lines": {
|
14203
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
14204
|
+
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
14205
|
+
},
|
14206
|
+
"VTreeview/slim": {
|
14207
|
+
"type": "boolean\n",
|
14208
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
14209
|
+
},
|
14242
14210
|
"VTreeview/activatable": {
|
14243
14211
|
"type": "boolean\n",
|
14244
14212
|
"description": "Allows user to mark a node as active by clicking on it."
|
@@ -14251,6 +14219,14 @@
|
|
14251
14219
|
"type": "any\n",
|
14252
14220
|
"description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
|
14253
14221
|
},
|
14222
|
+
"VTreeview/selected": {
|
14223
|
+
"type": "any\n",
|
14224
|
+
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
|
14225
|
+
},
|
14226
|
+
"VTreeview/mandatory": {
|
14227
|
+
"type": "boolean\n",
|
14228
|
+
"description": "Forces at least one item to always be selected (if available)."
|
14229
|
+
},
|
14254
14230
|
"VTreeview/active-strategy": {
|
14255
14231
|
"type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
|
14256
14232
|
"description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
|
@@ -14259,6 +14235,10 @@
|
|
14259
14235
|
"type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | 'classic'\n | 'trunk'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
|
14260
14236
|
"description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model.\n- **trunk**: Same as classic but if all of a node's children are selected then only that node will be added to the model."
|
14261
14237
|
},
|
14238
|
+
"VTreeview/items": {
|
14239
|
+
"type": "unknown[]\n",
|
14240
|
+
"description": "An array of items used to build the treeview."
|
14241
|
+
},
|
14262
14242
|
"VTreeview/item-title": {
|
14263
14243
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L83-L87\" target=\"_blank\">SelectItemKey</a>\n",
|
14264
14244
|
"description": "Property on supplied `items` that contains its title."
|
@@ -14279,10 +14259,26 @@
|
|
14279
14259
|
"type": "boolean\n",
|
14280
14260
|
"description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key."
|
14281
14261
|
},
|
14262
|
+
"VTreeview/value-comparator": {
|
14263
|
+
"type": "(a: any, b: any) => boolean\n",
|
14264
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
14265
|
+
},
|
14266
|
+
"VTreeview/open-on-click": {
|
14267
|
+
"type": "boolean\n",
|
14268
|
+
"description": "When `true` will cause nodes to be opened by clicking anywhere on it, instead of only opening by clicking on expand icon. When using this prop with `activatable` you will be unable to mark nodes with children as active."
|
14269
|
+
},
|
14282
14270
|
"VTreeview/fluid": {
|
14283
14271
|
"type": "boolean\n",
|
14284
14272
|
"description": "Removes indentation from nested items."
|
14285
14273
|
},
|
14274
|
+
"VTreeview/false-icon": {
|
14275
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14276
|
+
"description": "The icon used when inactive."
|
14277
|
+
},
|
14278
|
+
"VTreeview/true-icon": {
|
14279
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14280
|
+
"description": "The icon used when active."
|
14281
|
+
},
|
14286
14282
|
"VTreeview/open-all": {
|
14287
14283
|
"type": "boolean\n",
|
14288
14284
|
"description": "When `true` will cause all branch nodes to be opened when component is mounted."
|
@@ -14291,6 +14287,10 @@
|
|
14291
14287
|
"type": "string\n",
|
14292
14288
|
"description": "Icon used when node is in a loading state."
|
14293
14289
|
},
|
14290
|
+
"VTreeview/indeterminate-icon": {
|
14291
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14292
|
+
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`."
|
14293
|
+
},
|
14294
14294
|
"VTreeview/selected-color": {
|
14295
14295
|
"type": "string\n",
|
14296
14296
|
"description": "The color of the selection checkbox."
|
@@ -14299,121 +14299,65 @@
|
|
14299
14299
|
"type": "(item: unknown) => Promise<void>\n",
|
14300
14300
|
"description": "A function used when dynamically loading children. If this prop is set, then the supplied function will be run if expanding an item that has a `item-children` property that is an empty array. Supports returning a Promise."
|
14301
14301
|
},
|
14302
|
-
"VTreeviewGroup/
|
14303
|
-
"type": "string\n",
|
14304
|
-
"description": "Specify a
|
14305
|
-
},
|
14306
|
-
"VTreeviewGroup/tag": {
|
14307
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
14308
|
-
"description": "Specify a custom tag used on the root element."
|
14309
|
-
},
|
14310
|
-
"VTreeviewGroup/color": {
|
14311
|
-
"type": "string\n",
|
14312
|
-
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
14313
|
-
},
|
14314
|
-
"VTreeviewGroup/value": {
|
14315
|
-
"type": "any\n",
|
14316
|
-
"description": "Expands / Collapse the list-group."
|
14317
|
-
},
|
14318
|
-
"VTreeviewGroup/base-color": {
|
14319
|
-
"type": "string\n",
|
14320
|
-
"description": "Sets the color of component when not focused."
|
14321
|
-
},
|
14322
|
-
"VTreeviewGroup/active-color": {
|
14323
|
-
"type": "string\n",
|
14324
|
-
"description": "Deprecated, use `color` instead."
|
14325
|
-
},
|
14326
|
-
"VTreeviewGroup/expand-icon": {
|
14327
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14328
|
-
"description": "Icon to display when the list item is collapsed."
|
14329
|
-
},
|
14330
|
-
"VTreeviewGroup/collapse-icon": {
|
14331
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14332
|
-
"description": "Icon to display when the list item is expanded."
|
14333
|
-
},
|
14334
|
-
"VTreeviewGroup/append-icon": {
|
14335
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14336
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
14337
|
-
},
|
14338
|
-
"VTreeviewGroup/prepend-icon": {
|
14339
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14340
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
14341
|
-
},
|
14342
|
-
"VTreeviewGroup/fluid": {
|
14343
|
-
"type": "boolean\n",
|
14344
|
-
"description": "Removes indentation from nested items."
|
14345
|
-
},
|
14346
|
-
"VTreeviewGroup/raw-id": {
|
14347
|
-
"type": "string | number\n",
|
14348
|
-
"description": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\"."
|
14349
|
-
},
|
14350
|
-
"VTreeviewItem/replace": {
|
14351
|
-
"type": "boolean\n",
|
14352
|
-
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
14353
|
-
},
|
14354
|
-
"VTreeviewItem/link": {
|
14355
|
-
"type": "boolean\n",
|
14356
|
-
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
14357
|
-
},
|
14358
|
-
"VTreeviewItem/tag": {
|
14359
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
14360
|
-
"description": "Specify a custom tag used on the root element."
|
14361
|
-
},
|
14362
|
-
"VTreeviewItem/nav": {
|
14363
|
-
"type": "boolean\n",
|
14364
|
-
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
14365
|
-
},
|
14366
|
-
"VTreeviewItem/title": {
|
14367
|
-
"type": "string | number | boolean\n",
|
14368
|
-
"description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
|
14369
|
-
},
|
14370
|
-
"VTreeviewItem/disabled": {
|
14371
|
-
"type": "boolean\n",
|
14372
|
-
"description": "Removes the ability to click or target the component."
|
14373
|
-
},
|
14374
|
-
"VTreeviewItem/height": {
|
14375
|
-
"type": "string | number\n",
|
14376
|
-
"description": "Sets the height for the component."
|
14377
|
-
},
|
14378
|
-
"VTreeviewItem/value": {
|
14379
|
-
"type": "any\n",
|
14380
|
-
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
14381
|
-
},
|
14382
|
-
"VTreeviewItem/width": {
|
14383
|
-
"type": "string | number\n",
|
14384
|
-
"description": "Sets the width for the component."
|
14302
|
+
"VTreeviewGroup/tag": {
|
14303
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
14304
|
+
"description": "Specify a custom tag used on the root element."
|
14385
14305
|
},
|
14386
|
-
"
|
14306
|
+
"VTreeviewGroup/title": {
|
14387
14307
|
"type": "string\n",
|
14388
|
-
"description": "Specify a
|
14308
|
+
"description": "Specify a title text for the component."
|
14389
14309
|
},
|
14390
|
-
"
|
14391
|
-
"type": "
|
14392
|
-
"description": "
|
14310
|
+
"VTreeviewGroup/value": {
|
14311
|
+
"type": "any\n",
|
14312
|
+
"description": "Expands / Collapse the list-group."
|
14393
14313
|
},
|
14394
|
-
"
|
14314
|
+
"VTreeviewGroup/active-color": {
|
14395
14315
|
"type": "string\n",
|
14396
14316
|
"description": "Deprecated, use `color` instead."
|
14397
14317
|
},
|
14398
|
-
"
|
14318
|
+
"VTreeviewGroup/base-color": {
|
14399
14319
|
"type": "string\n",
|
14400
14320
|
"description": "Sets the color of component when not focused."
|
14401
14321
|
},
|
14402
|
-
"
|
14322
|
+
"VTreeviewGroup/prepend-icon": {
|
14403
14323
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14404
|
-
"description": "
|
14324
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
14405
14325
|
},
|
14406
|
-
"
|
14326
|
+
"VTreeviewGroup/append-icon": {
|
14407
14327
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14408
14328
|
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
14409
14329
|
},
|
14410
|
-
"
|
14330
|
+
"VTreeviewGroup/color": {
|
14331
|
+
"type": "string\n",
|
14332
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
14333
|
+
},
|
14334
|
+
"VTreeviewGroup/expand-icon": {
|
14335
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14336
|
+
"description": "Icon to display when the list item is collapsed."
|
14337
|
+
},
|
14338
|
+
"VTreeviewGroup/collapse-icon": {
|
14339
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14340
|
+
"description": "Icon to display when the list item is expanded."
|
14341
|
+
},
|
14342
|
+
"VTreeviewGroup/raw-id": {
|
14343
|
+
"type": "string | number\n",
|
14344
|
+
"description": "Defines the root element's id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: \"v-list-group--id-[rawId]\"."
|
14345
|
+
},
|
14346
|
+
"VTreeviewGroup/fluid": {
|
14411
14347
|
"type": "boolean\n",
|
14412
|
-
"description": "
|
14348
|
+
"description": "Removes indentation from nested items."
|
14413
14349
|
},
|
14414
|
-
"VTreeviewItem/
|
14415
|
-
"type": "
|
14416
|
-
"description": "
|
14350
|
+
"VTreeviewItem/title": {
|
14351
|
+
"type": "string | number | boolean\n",
|
14352
|
+
"description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
|
14353
|
+
},
|
14354
|
+
"VTreeviewItem/replace": {
|
14355
|
+
"type": "boolean\n",
|
14356
|
+
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
14357
|
+
},
|
14358
|
+
"VTreeviewItem/link": {
|
14359
|
+
"type": "boolean\n",
|
14360
|
+
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
14417
14361
|
},
|
14418
14362
|
"VTreeviewItem/border": {
|
14419
14363
|
"type": "string | number | boolean\n",
|
@@ -14423,6 +14367,10 @@
|
|
14423
14367
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
14424
14368
|
"description": "Adjusts the vertical height used by the component."
|
14425
14369
|
},
|
14370
|
+
"VTreeviewItem/height": {
|
14371
|
+
"type": "string | number\n",
|
14372
|
+
"description": "Sets the height for the component."
|
14373
|
+
},
|
14426
14374
|
"VTreeviewItem/max-height": {
|
14427
14375
|
"type": "string | number\n",
|
14428
14376
|
"description": "Sets the maximum height for the component."
|
@@ -14439,14 +14387,14 @@
|
|
14439
14387
|
"type": "string | number\n",
|
14440
14388
|
"description": "Sets the minimum width for the component."
|
14441
14389
|
},
|
14390
|
+
"VTreeviewItem/width": {
|
14391
|
+
"type": "string | number\n",
|
14392
|
+
"description": "Sets the width for the component."
|
14393
|
+
},
|
14442
14394
|
"VTreeviewItem/elevation": {
|
14443
14395
|
"type": "string | number\n",
|
14444
14396
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
14445
14397
|
},
|
14446
|
-
"VTreeviewItem/loading": {
|
14447
|
-
"type": "boolean\n",
|
14448
|
-
"description": "Places the v-treeview-item into a loading state."
|
14449
|
-
},
|
14450
14398
|
"VTreeviewItem/rounded": {
|
14451
14399
|
"type": "string | number | boolean\n",
|
14452
14400
|
"description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
|
@@ -14455,37 +14403,77 @@
|
|
14455
14403
|
"type": "boolean\n",
|
14456
14404
|
"description": "Removes any applied **border-radius** from the component."
|
14457
14405
|
},
|
14458
|
-
"VTreeviewItem/
|
14406
|
+
"VTreeviewItem/tag": {
|
14407
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
14408
|
+
"description": "Specify a custom tag used on the root element."
|
14409
|
+
},
|
14410
|
+
"VTreeviewItem/theme": {
|
14459
14411
|
"type": "string\n",
|
14460
|
-
"description": "
|
14412
|
+
"description": "Specify a theme for this component and all of its children."
|
14413
|
+
},
|
14414
|
+
"VTreeviewItem/color": {
|
14415
|
+
"type": "string\n",
|
14416
|
+
"description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors),"
|
14417
|
+
},
|
14418
|
+
"VTreeviewItem/variant": {
|
14419
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
14420
|
+
"description": "Applies a distinct style to the component."
|
14421
|
+
},
|
14422
|
+
"VTreeviewItem/disabled": {
|
14423
|
+
"type": "boolean\n",
|
14424
|
+
"description": "Removes the ability to click or target the component."
|
14425
|
+
},
|
14426
|
+
"VTreeviewItem/value": {
|
14427
|
+
"type": "any\n",
|
14428
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
14461
14429
|
},
|
14462
14430
|
"VTreeviewItem/exact": {
|
14463
14431
|
"type": "boolean\n",
|
14464
14432
|
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
|
14465
14433
|
},
|
14466
|
-
"VTreeviewItem/
|
14467
|
-
"type": "string |
|
14468
|
-
"description": "
|
14434
|
+
"VTreeviewItem/subtitle": {
|
14435
|
+
"type": "string | number | boolean\n",
|
14436
|
+
"description": "Specify a subtitle text for the component."
|
14469
14437
|
},
|
14470
|
-
"VTreeviewItem/color": {
|
14438
|
+
"VTreeviewItem/base-color": {
|
14471
14439
|
"type": "string\n",
|
14472
|
-
"description": "
|
14440
|
+
"description": "Sets the color of component when not focused."
|
14473
14441
|
},
|
14474
|
-
"VTreeviewItem/
|
14475
|
-
"type": "
|
14476
|
-
"description": "
|
14442
|
+
"VTreeviewItem/active-color": {
|
14443
|
+
"type": "string\n",
|
14444
|
+
"description": "Deprecated, use `color` instead."
|
14445
|
+
},
|
14446
|
+
"VTreeviewItem/active-class": {
|
14447
|
+
"type": "string\n",
|
14448
|
+
"description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
|
14477
14449
|
},
|
14478
14450
|
"VTreeviewItem/lines": {
|
14479
14451
|
"type": "false | 'one' | 'two' | 'three'\n",
|
14480
14452
|
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
14481
14453
|
},
|
14482
|
-
"VTreeviewItem/
|
14483
|
-
"type": "
|
14484
|
-
"description": "
|
14454
|
+
"VTreeviewItem/slim": {
|
14455
|
+
"type": "boolean\n",
|
14456
|
+
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
|
14485
14457
|
},
|
14486
|
-
"VTreeviewItem/
|
14487
|
-
"type": "
|
14488
|
-
"description": "
|
14458
|
+
"VTreeviewItem/nav": {
|
14459
|
+
"type": "boolean\n",
|
14460
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
14461
|
+
},
|
14462
|
+
"VTreeviewItem/append-icon": {
|
14463
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14464
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
14465
|
+
},
|
14466
|
+
"VTreeviewItem/prepend-icon": {
|
14467
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14468
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
14469
|
+
},
|
14470
|
+
"VTreeviewItem/active": {
|
14471
|
+
"type": "boolean\n",
|
14472
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
14473
|
+
},
|
14474
|
+
"VTreeviewItem/loading": {
|
14475
|
+
"type": "boolean\n",
|
14476
|
+
"description": "Places the v-treeview-item into a loading state."
|
14489
14477
|
},
|
14490
14478
|
"VTreeviewItem/append-avatar": {
|
14491
14479
|
"type": "string\n",
|
@@ -14495,29 +14483,45 @@
|
|
14495
14483
|
"type": "string\n",
|
14496
14484
|
"description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
|
14497
14485
|
},
|
14486
|
+
"VTreeviewItem/ripple": {
|
14487
|
+
"type": "boolean | { class: string; keys: number[] }\n",
|
14488
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
14489
|
+
},
|
14490
|
+
"VTreeviewItem/href": {
|
14491
|
+
"type": "string\n",
|
14492
|
+
"description": "Designates the component as anchor and applies the **href** attribute."
|
14493
|
+
},
|
14494
|
+
"VTreeviewItem/to": {
|
14495
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
14496
|
+
"description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
|
14497
|
+
},
|
14498
14498
|
"VTreeviewItem/toggle-icon": {
|
14499
14499
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14500
14500
|
"description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches."
|
14501
14501
|
},
|
14502
|
-
"VValidation/
|
14503
|
-
"type": "
|
14504
|
-
"description": "
|
14502
|
+
"VValidation/name": {
|
14503
|
+
"type": "string\n",
|
14504
|
+
"description": "Sets the component's name attribute."
|
14505
14505
|
},
|
14506
14506
|
"VValidation/error": {
|
14507
14507
|
"type": "boolean\n",
|
14508
14508
|
"description": "Puts the input in a manual error state."
|
14509
14509
|
},
|
14510
|
-
"VValidation/
|
14510
|
+
"VValidation/label": {
|
14511
14511
|
"type": "string\n",
|
14512
|
-
"description": "Sets the
|
14512
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
14513
14513
|
},
|
14514
14514
|
"VValidation/disabled": {
|
14515
14515
|
"type": "boolean\n",
|
14516
14516
|
"description": "Removes the ability to click or target the component."
|
14517
14517
|
},
|
14518
|
-
"VValidation/
|
14519
|
-
"type": "
|
14520
|
-
"description": "
|
14518
|
+
"VValidation/readonly": {
|
14519
|
+
"type": "boolean\n",
|
14520
|
+
"description": "Puts input in readonly state."
|
14521
|
+
},
|
14522
|
+
"VValidation/model-value": {
|
14523
|
+
"type": "unknown\n",
|
14524
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
14521
14525
|
},
|
14522
14526
|
"VValidation/error-messages": {
|
14523
14527
|
"type": "string | string[]\n",
|
@@ -14527,10 +14531,6 @@
|
|
14527
14531
|
"type": "string | number\n",
|
14528
14532
|
"description": "Control the maximum number of shown errors from validation."
|
14529
14533
|
},
|
14530
|
-
"VValidation/readonly": {
|
14531
|
-
"type": "boolean\n",
|
14532
|
-
"description": "Puts input in readonly state."
|
14533
|
-
},
|
14534
14534
|
"VValidation/rules": {
|
14535
14535
|
"type": "(\n | string\n | boolean\n | PromiseLike<ValidationResult>\n | ((value: any) => string | false | true)\n | ((value: any) => PromiseLike<ValidationResult>)\n | [string, any, string]\n)[]\n",
|
14536
14536
|
"description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
|
@@ -14551,6 +14551,14 @@
|
|
14551
14551
|
"type": "string | number\n",
|
14552
14552
|
"description": "Height of the component as a css value/"
|
14553
14553
|
},
|
14554
|
+
"VVirtualScroll/width": {
|
14555
|
+
"type": "string | number\n",
|
14556
|
+
"description": "Sets the width for the component."
|
14557
|
+
},
|
14558
|
+
"VVirtualScroll/items": {
|
14559
|
+
"type": "unknown[]\n",
|
14560
|
+
"description": "The array of items to display."
|
14561
|
+
},
|
14554
14562
|
"VVirtualScroll/max-height": {
|
14555
14563
|
"type": "string | number\n",
|
14556
14564
|
"description": "Sets the maximum height for the component."
|
@@ -14567,13 +14575,9 @@
|
|
14567
14575
|
"type": "string | number\n",
|
14568
14576
|
"description": "Sets the minimum width for the component."
|
14569
14577
|
},
|
14570
|
-
"VVirtualScroll/
|
14571
|
-
"type": "
|
14572
|
-
"description": "
|
14573
|
-
},
|
14574
|
-
"VVirtualScroll/items": {
|
14575
|
-
"type": "unknown[]\n",
|
14576
|
-
"description": "The array of items to display."
|
14578
|
+
"VVirtualScroll/renderless": {
|
14579
|
+
"type": "boolean\n",
|
14580
|
+
"description": "Disables default component rendering functionality. The parent node must be [a positioned element](https://developer.mozilla.org/en-US/docs/Web/CSS/position#types_of_positioning), e.g. using `position: relative;`"
|
14577
14581
|
},
|
14578
14582
|
"VVirtualScroll/item-height": {
|
14579
14583
|
"type": "string | number\n",
|
@@ -14583,33 +14587,25 @@
|
|
14583
14587
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L83-L87\" target=\"_blank\">SelectItemKey</a>\n",
|
14584
14588
|
"description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders."
|
14585
14589
|
},
|
14586
|
-
"
|
14587
|
-
"type": "
|
14588
|
-
"description": "
|
14589
|
-
},
|
14590
|
-
"VWindow/tag": {
|
14591
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
14592
|
-
"description": "Specify a custom tag used on the root element."
|
14590
|
+
"VWindow/model-value": {
|
14591
|
+
"type": "unknown\n",
|
14592
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
14593
14593
|
},
|
14594
14594
|
"VWindow/reverse": {
|
14595
14595
|
"type": "boolean\n",
|
14596
14596
|
"description": "Reverse the normal transition direction."
|
14597
14597
|
},
|
14598
|
-
"VWindow/
|
14599
|
-
"type": "
|
14600
|
-
"description": "
|
14598
|
+
"VWindow/tag": {
|
14599
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
14600
|
+
"description": "Specify a custom tag used on the root element."
|
14601
14601
|
},
|
14602
14602
|
"VWindow/theme": {
|
14603
14603
|
"type": "string\n",
|
14604
14604
|
"description": "Specify a theme for this component and all of its children."
|
14605
14605
|
},
|
14606
|
-
"VWindow/
|
14607
|
-
"type": "
|
14608
|
-
"description": "
|
14609
|
-
},
|
14610
|
-
"VWindow/model-value": {
|
14611
|
-
"type": "unknown\n",
|
14612
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
14606
|
+
"VWindow/disabled": {
|
14607
|
+
"type": "boolean\n",
|
14608
|
+
"description": "Removes the ability to click or target the component."
|
14613
14609
|
},
|
14614
14610
|
"VWindow/mandatory": {
|
14615
14611
|
"type": "boolean | 'force'\n",
|
@@ -14619,22 +14615,26 @@
|
|
14619
14615
|
"type": "'horizontal' | 'vertical'\n",
|
14620
14616
|
"description": "The transition direction when changing windows."
|
14621
14617
|
},
|
14622
|
-
"VWindow/next-icon": {
|
14623
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14624
|
-
"description": "Icon used for the \"next\" button if `show-arrows` is `true`."
|
14625
|
-
},
|
14626
14618
|
"VWindow/prev-icon": {
|
14627
14619
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14628
14620
|
"description": "Icon used for the \"prev\" button if `show-arrows` is `true`."
|
14629
14621
|
},
|
14630
|
-
"VWindow/
|
14631
|
-
"type": "
|
14632
|
-
"description": "
|
14622
|
+
"VWindow/next-icon": {
|
14623
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
14624
|
+
"description": "Icon used for the \"next\" button if `show-arrows` is `true`."
|
14625
|
+
},
|
14626
|
+
"VWindow/selected-class": {
|
14627
|
+
"type": "string\n",
|
14628
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
14633
14629
|
},
|
14634
14630
|
"VWindow/show-arrows": {
|
14635
14631
|
"type": "string | boolean\n",
|
14636
14632
|
"description": "Display the \"next\" and \"prev\" buttons."
|
14637
14633
|
},
|
14634
|
+
"VWindow/continuous": {
|
14635
|
+
"type": "boolean\n",
|
14636
|
+
"description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last."
|
14637
|
+
},
|
14638
14638
|
"VWindow/touch": {
|
14639
14639
|
"type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>\n",
|
14640
14640
|
"description": "Provide a custom **left** and **right** function when swiped left or right."
|
@@ -14651,20 +14651,20 @@
|
|
14651
14651
|
"type": "any\n",
|
14652
14652
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
14653
14653
|
},
|
14654
|
-
"VWindowItem/
|
14655
|
-
"type": "
|
14656
|
-
"description": "
|
14654
|
+
"VWindowItem/selected-class": {
|
14655
|
+
"type": "string\n",
|
14656
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
14657
14657
|
},
|
14658
14658
|
"VWindowItem/transition": {
|
14659
14659
|
"type": "string | boolean\n",
|
14660
14660
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
14661
14661
|
},
|
14662
|
+
"VWindowItem/eager": {
|
14663
|
+
"type": "boolean\n",
|
14664
|
+
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
14665
|
+
},
|
14662
14666
|
"VWindowItem/reverse-transition": {
|
14663
14667
|
"type": "string | boolean\n",
|
14664
14668
|
"description": "Sets the reverse transition."
|
14665
|
-
},
|
14666
|
-
"VWindowItem/selected-class": {
|
14667
|
-
"type": "string\n",
|
14668
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
14669
14669
|
}
|
14670
14670
|
}
|