@vuetify/nightly 3.8.0-master.2025-04-04 → 3.8.0-master.2025-04-06
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 +4 -3
- package/dist/json/attributes.json +691 -691
- package/dist/json/importMap-labs.json +26 -26
- package/dist/json/importMap.json +150 -150
- package/dist/json/web-types.json +1273 -1273
- package/dist/vuetify-labs.cjs +3 -3
- package/dist/vuetify-labs.css +4566 -4566
- package/dist/vuetify-labs.d.ts +59 -59
- package/dist/vuetify-labs.esm.js +3 -3
- package/dist/vuetify-labs.js +3 -3
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +3 -3
- package/dist/vuetify.css +5779 -5779
- package/dist/vuetify.d.ts +59 -59
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +59 -59
- package/lib/framework.js +1 -1
- package/package.json +1 -1
package/dist/json/web-types.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
3
3
|
"framework": "vue",
|
4
4
|
"name": "vuetify",
|
5
|
-
"version": "3.8.0-master.2025-04-
|
5
|
+
"version": "3.8.0-master.2025-04-06",
|
6
6
|
"contributions": {
|
7
7
|
"html": {
|
8
8
|
"types-syntax": "typescript",
|
@@ -40947,13 +40947,21 @@
|
|
40947
40947
|
"doc-url": "https://vuetifyjs.com/api/v-speed-dial",
|
40948
40948
|
"attributes": [
|
40949
40949
|
{
|
40950
|
-
"name": "
|
40951
|
-
"description": "
|
40950
|
+
"name": "theme",
|
40951
|
+
"description": "Specify a theme for this component and all of its children.",
|
40952
40952
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
40953
|
-
"default": "false",
|
40954
40953
|
"value": {
|
40955
40954
|
"kind": "expression",
|
40956
|
-
"type": "
|
40955
|
+
"type": "string"
|
40956
|
+
}
|
40957
|
+
},
|
40958
|
+
{
|
40959
|
+
"name": "id",
|
40960
|
+
"description": "The unique identifier of the component.",
|
40961
|
+
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
40962
|
+
"value": {
|
40963
|
+
"kind": "expression",
|
40964
|
+
"type": "string"
|
40957
40965
|
}
|
40958
40966
|
},
|
40959
40967
|
{
|
@@ -40994,7 +41002,7 @@
|
|
40994
41002
|
},
|
40995
41003
|
{
|
40996
41004
|
"name": "minWidth",
|
40997
|
-
"description": "Sets the minimum width for the component.",
|
41005
|
+
"description": "Sets the minimum width for the component. Use `auto` to use the activator width.",
|
40998
41006
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
40999
41007
|
"default": "0",
|
41000
41008
|
"value": {
|
@@ -41012,27 +41020,28 @@
|
|
41012
41020
|
}
|
41013
41021
|
},
|
41014
41022
|
{
|
41015
|
-
"name": "
|
41016
|
-
"description": "
|
41023
|
+
"name": "disabled",
|
41024
|
+
"description": "Removes the ability to click or target the component.",
|
41017
41025
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41018
|
-
"default": "
|
41026
|
+
"default": "false",
|
41019
41027
|
"value": {
|
41020
41028
|
"kind": "expression",
|
41021
|
-
"type": "
|
41029
|
+
"type": "boolean"
|
41022
41030
|
}
|
41023
41031
|
},
|
41024
41032
|
{
|
41025
|
-
"name": "
|
41026
|
-
"description": "
|
41033
|
+
"name": "location",
|
41034
|
+
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both..",
|
41027
41035
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41036
|
+
"default": "'top center'",
|
41028
41037
|
"value": {
|
41029
41038
|
"kind": "expression",
|
41030
|
-
"type": "
|
41039
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>"
|
41031
41040
|
}
|
41032
41041
|
},
|
41033
41042
|
{
|
41034
|
-
"name": "
|
41035
|
-
"description": "
|
41043
|
+
"name": "modelValue",
|
41044
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
41036
41045
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41037
41046
|
"default": "false",
|
41038
41047
|
"value": {
|
@@ -41041,13 +41050,13 @@
|
|
41041
41050
|
}
|
41042
41051
|
},
|
41043
41052
|
{
|
41044
|
-
"name": "
|
41045
|
-
"description": "
|
41053
|
+
"name": "transition",
|
41054
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
41046
41055
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41047
|
-
"default": "
|
41056
|
+
"default": "'scale-transition'",
|
41048
41057
|
"value": {
|
41049
41058
|
"kind": "expression",
|
41050
|
-
"type": "boolean"
|
41059
|
+
"type": "| string\n | boolean\n | (TransitionProps & { component: Component })\n | { component: Component }"
|
41051
41060
|
}
|
41052
41061
|
},
|
41053
41062
|
{
|
@@ -41059,25 +41068,6 @@
|
|
41059
41068
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance"
|
41060
41069
|
}
|
41061
41070
|
},
|
41062
|
-
{
|
41063
|
-
"name": "id",
|
41064
|
-
"description": "The unique identifier of the component.",
|
41065
|
-
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41066
|
-
"value": {
|
41067
|
-
"kind": "expression",
|
41068
|
-
"type": "string"
|
41069
|
-
}
|
41070
|
-
},
|
41071
|
-
{
|
41072
|
-
"name": "submenu",
|
41073
|
-
"description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL.",
|
41074
|
-
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41075
|
-
"default": "false",
|
41076
|
-
"value": {
|
41077
|
-
"kind": "expression",
|
41078
|
-
"type": "boolean"
|
41079
|
-
}
|
41080
|
-
},
|
41081
41071
|
{
|
41082
41072
|
"name": "closeOnBack",
|
41083
41073
|
"description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing.",
|
@@ -41186,7 +41176,7 @@
|
|
41186
41176
|
},
|
41187
41177
|
{
|
41188
41178
|
"name": "openOnClick",
|
41189
|
-
"description": "
|
41179
|
+
"description": "Designates whether menu should open on activator click.",
|
41190
41180
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41191
41181
|
"value": {
|
41192
41182
|
"kind": "expression",
|
@@ -41214,7 +41204,7 @@
|
|
41214
41204
|
},
|
41215
41205
|
{
|
41216
41206
|
"name": "closeOnContentClick",
|
41217
|
-
"description": "
|
41207
|
+
"description": "Designates if menu should close when its content is clicked.",
|
41218
41208
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41219
41209
|
"default": "true",
|
41220
41210
|
"value": {
|
@@ -41242,6 +41232,16 @@
|
|
41242
41232
|
"type": "string | number"
|
41243
41233
|
}
|
41244
41234
|
},
|
41235
|
+
{
|
41236
|
+
"name": "eager",
|
41237
|
+
"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.",
|
41238
|
+
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41239
|
+
"default": "false",
|
41240
|
+
"value": {
|
41241
|
+
"kind": "expression",
|
41242
|
+
"type": "boolean"
|
41243
|
+
}
|
41244
|
+
},
|
41245
41245
|
{
|
41246
41246
|
"name": "locationStrategy",
|
41247
41247
|
"description": "A function used to specifies how the component should position relative to its activator.",
|
@@ -41279,27 +41279,27 @@
|
|
41279
41279
|
"default": "'reposition'",
|
41280
41280
|
"value": {
|
41281
41281
|
"kind": "expression",
|
41282
|
-
"type": "'close' | '
|
41282
|
+
"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>"
|
41283
41283
|
}
|
41284
41284
|
},
|
41285
41285
|
{
|
41286
|
-
"name": "
|
41287
|
-
"description": "
|
41286
|
+
"name": "attach",
|
41287
|
+
"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. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator.",
|
41288
41288
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41289
|
-
"default": "
|
41289
|
+
"default": "false",
|
41290
41290
|
"value": {
|
41291
41291
|
"kind": "expression",
|
41292
|
-
"type": "
|
41292
|
+
"type": "string | boolean | Element"
|
41293
41293
|
}
|
41294
41294
|
},
|
41295
41295
|
{
|
41296
|
-
"name": "
|
41297
|
-
"description": "
|
41296
|
+
"name": "submenu",
|
41297
|
+
"description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL.",
|
41298
41298
|
"doc-url": "https://vuetifyjs.com/api/VSpeedDial#props",
|
41299
41299
|
"default": "false",
|
41300
41300
|
"value": {
|
41301
41301
|
"kind": "expression",
|
41302
|
-
"type": "
|
41302
|
+
"type": "boolean"
|
41303
41303
|
}
|
41304
41304
|
}
|
41305
41305
|
],
|
@@ -43681,12 +43681,13 @@
|
|
43681
43681
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-window-item",
|
43682
43682
|
"attributes": [
|
43683
43683
|
{
|
43684
|
-
"name": "
|
43685
|
-
"description": "
|
43684
|
+
"name": "eager",
|
43685
|
+
"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.",
|
43686
43686
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43687
|
+
"default": "false",
|
43687
43688
|
"value": {
|
43688
43689
|
"kind": "expression",
|
43689
|
-
"type": "
|
43690
|
+
"type": "boolean"
|
43690
43691
|
}
|
43691
43692
|
},
|
43692
43693
|
{
|
@@ -43700,12 +43701,12 @@
|
|
43700
43701
|
}
|
43701
43702
|
},
|
43702
43703
|
{
|
43703
|
-
"name": "
|
43704
|
-
"description": "
|
43704
|
+
"name": "value",
|
43705
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
43705
43706
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43706
43707
|
"value": {
|
43707
43708
|
"kind": "expression",
|
43708
|
-
"type": "
|
43709
|
+
"type": "any"
|
43709
43710
|
}
|
43710
43711
|
},
|
43711
43712
|
{
|
@@ -43718,22 +43719,21 @@
|
|
43718
43719
|
}
|
43719
43720
|
},
|
43720
43721
|
{
|
43721
|
-
"name": "
|
43722
|
-
"description": "
|
43722
|
+
"name": "reverseTransition",
|
43723
|
+
"description": "Sets the reverse transition.",
|
43723
43724
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43724
|
-
"default": "false",
|
43725
43725
|
"value": {
|
43726
43726
|
"kind": "expression",
|
43727
|
-
"type": "boolean"
|
43727
|
+
"type": "string | boolean"
|
43728
43728
|
}
|
43729
43729
|
},
|
43730
43730
|
{
|
43731
|
-
"name": "
|
43732
|
-
"description": "
|
43731
|
+
"name": "selectedClass",
|
43732
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
43733
43733
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43734
43734
|
"value": {
|
43735
43735
|
"kind": "expression",
|
43736
|
-
"type": "string
|
43736
|
+
"type": "string"
|
43737
43737
|
}
|
43738
43738
|
}
|
43739
43739
|
],
|
@@ -43760,21 +43760,21 @@
|
|
43760
43760
|
"doc-url": "https://vuetifyjs.com/api/v-svg-icon",
|
43761
43761
|
"attributes": [
|
43762
43762
|
{
|
43763
|
-
"name": "
|
43764
|
-
"description": "
|
43763
|
+
"name": "tag",
|
43764
|
+
"description": "Specify a custom tag used on the root element.",
|
43765
43765
|
"doc-url": "https://vuetifyjs.com/api/VSvgIcon#props",
|
43766
43766
|
"value": {
|
43767
43767
|
"kind": "expression",
|
43768
|
-
"type": "
|
43768
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
43769
43769
|
}
|
43770
43770
|
},
|
43771
43771
|
{
|
43772
|
-
"name": "
|
43773
|
-
"description": "
|
43772
|
+
"name": "icon",
|
43773
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component.",
|
43774
43774
|
"doc-url": "https://vuetifyjs.com/api/VSvgIcon#props",
|
43775
43775
|
"value": {
|
43776
43776
|
"kind": "expression",
|
43777
|
-
"type": "string | (new () => any)
|
43777
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43778
43778
|
}
|
43779
43779
|
}
|
43780
43780
|
],
|
@@ -43814,12 +43814,12 @@
|
|
43814
43814
|
}
|
43815
43815
|
},
|
43816
43816
|
{
|
43817
|
-
"name": "
|
43818
|
-
"description": "
|
43817
|
+
"name": "modelValue",
|
43818
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
43819
43819
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43820
43820
|
"value": {
|
43821
43821
|
"kind": "expression",
|
43822
|
-
"type": "
|
43822
|
+
"type": "unknown"
|
43823
43823
|
}
|
43824
43824
|
},
|
43825
43825
|
{
|
@@ -43833,44 +43833,45 @@
|
|
43833
43833
|
}
|
43834
43834
|
},
|
43835
43835
|
{
|
43836
|
-
"name": "
|
43837
|
-
"description": "
|
43836
|
+
"name": "density",
|
43837
|
+
"description": "Adjusts the vertical height used by the component.",
|
43838
43838
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43839
|
+
"default": "'default'",
|
43839
43840
|
"value": {
|
43840
43841
|
"kind": "expression",
|
43841
|
-
"type": "
|
43842
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
43842
43843
|
}
|
43843
43844
|
},
|
43844
43845
|
{
|
43845
|
-
"name": "
|
43846
|
-
"description": "
|
43846
|
+
"name": "maxWidth",
|
43847
|
+
"description": "Sets the maximum width for the component.",
|
43847
43848
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43848
43849
|
"value": {
|
43849
43850
|
"kind": "expression",
|
43850
|
-
"type": "string"
|
43851
|
+
"type": "string | number"
|
43851
43852
|
}
|
43852
43853
|
},
|
43853
43854
|
{
|
43854
|
-
"name": "
|
43855
|
-
"description": "Sets the
|
43855
|
+
"name": "minWidth",
|
43856
|
+
"description": "Sets the minimum width for the component.",
|
43856
43857
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43857
43858
|
"value": {
|
43858
43859
|
"kind": "expression",
|
43859
|
-
"type": "string"
|
43860
|
+
"type": "string | number"
|
43860
43861
|
}
|
43861
43862
|
},
|
43862
43863
|
{
|
43863
|
-
"name": "
|
43864
|
-
"description": "
|
43864
|
+
"name": "width",
|
43865
|
+
"description": "Sets the width for the component.",
|
43865
43866
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43866
43867
|
"value": {
|
43867
43868
|
"kind": "expression",
|
43868
|
-
"type": "
|
43869
|
+
"type": "string | number"
|
43869
43870
|
}
|
43870
43871
|
},
|
43871
43872
|
{
|
43872
|
-
"name": "
|
43873
|
-
"description": "
|
43873
|
+
"name": "theme",
|
43874
|
+
"description": "Specify a theme for this component and all of its children.",
|
43874
43875
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43875
43876
|
"value": {
|
43876
43877
|
"kind": "expression",
|
@@ -43878,78 +43879,39 @@
|
|
43878
43879
|
}
|
43879
43880
|
},
|
43880
43881
|
{
|
43881
|
-
"name": "
|
43882
|
-
"description": "
|
43883
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43884
|
-
"value": {
|
43885
|
-
"kind": "expression",
|
43886
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43887
|
-
}
|
43888
|
-
},
|
43889
|
-
{
|
43890
|
-
"name": "appendIcon",
|
43891
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
43892
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43893
|
-
"value": {
|
43894
|
-
"kind": "expression",
|
43895
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43896
|
-
}
|
43897
|
-
},
|
43898
|
-
{
|
43899
|
-
"name": "readonly",
|
43900
|
-
"description": "Puts input in readonly state.",
|
43901
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43902
|
-
"default": "null",
|
43903
|
-
"value": {
|
43904
|
-
"kind": "expression",
|
43905
|
-
"type": "boolean"
|
43906
|
-
}
|
43907
|
-
},
|
43908
|
-
{
|
43909
|
-
"name": "ripple",
|
43910
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
43911
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43912
|
-
"default": "true",
|
43913
|
-
"value": {
|
43914
|
-
"kind": "expression",
|
43915
|
-
"type": "boolean | { class: string }"
|
43916
|
-
}
|
43917
|
-
},
|
43918
|
-
{
|
43919
|
-
"name": "density",
|
43920
|
-
"description": "Adjusts the vertical height used by the component.",
|
43882
|
+
"name": "color",
|
43883
|
+
"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).",
|
43921
43884
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43922
|
-
"default": "'default'",
|
43923
43885
|
"value": {
|
43924
43886
|
"kind": "expression",
|
43925
|
-
"type": "
|
43887
|
+
"type": "string"
|
43926
43888
|
}
|
43927
43889
|
},
|
43928
43890
|
{
|
43929
|
-
"name": "
|
43930
|
-
"description": "Sets the
|
43891
|
+
"name": "name",
|
43892
|
+
"description": "Sets the component's name attribute.",
|
43931
43893
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43932
43894
|
"value": {
|
43933
43895
|
"kind": "expression",
|
43934
|
-
"type": "string
|
43896
|
+
"type": "string"
|
43935
43897
|
}
|
43936
43898
|
},
|
43937
43899
|
{
|
43938
|
-
"name": "
|
43939
|
-
"description": "Sets the
|
43900
|
+
"name": "label",
|
43901
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
43940
43902
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43941
43903
|
"value": {
|
43942
43904
|
"kind": "expression",
|
43943
|
-
"type": "string
|
43905
|
+
"type": "string"
|
43944
43906
|
}
|
43945
43907
|
},
|
43946
43908
|
{
|
43947
|
-
"name": "
|
43948
|
-
"description": "Sets the
|
43909
|
+
"name": "baseColor",
|
43910
|
+
"description": "Sets the color of the input when it is not focused.",
|
43949
43911
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43950
43912
|
"value": {
|
43951
43913
|
"kind": "expression",
|
43952
|
-
"type": "string
|
43914
|
+
"type": "string"
|
43953
43915
|
}
|
43954
43916
|
},
|
43955
43917
|
{
|
@@ -43963,71 +43925,49 @@
|
|
43963
43925
|
}
|
43964
43926
|
},
|
43965
43927
|
{
|
43966
|
-
"name": "
|
43967
|
-
"description": "
|
43968
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43969
|
-
"default": "false",
|
43970
|
-
"value": {
|
43971
|
-
"kind": "expression",
|
43972
|
-
"type": "string | boolean"
|
43973
|
-
}
|
43974
|
-
},
|
43975
|
-
{
|
43976
|
-
"name": "color",
|
43977
|
-
"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).",
|
43978
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43979
|
-
"value": {
|
43980
|
-
"kind": "expression",
|
43981
|
-
"type": "string"
|
43982
|
-
}
|
43983
|
-
},
|
43984
|
-
{
|
43985
|
-
"name": "inline",
|
43986
|
-
"description": "Puts children inputs into a row.",
|
43928
|
+
"name": "multiple",
|
43929
|
+
"description": "Changes expected model to an array.",
|
43987
43930
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43988
|
-
"default": "
|
43931
|
+
"default": "null",
|
43989
43932
|
"value": {
|
43990
43933
|
"kind": "expression",
|
43991
43934
|
"type": "boolean"
|
43992
43935
|
}
|
43993
43936
|
},
|
43994
43937
|
{
|
43995
|
-
"name": "
|
43996
|
-
"description": "The
|
43938
|
+
"name": "value",
|
43939
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
43997
43940
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43998
43941
|
"value": {
|
43999
43942
|
"kind": "expression",
|
44000
|
-
"type": "
|
43943
|
+
"type": "any"
|
44001
43944
|
}
|
44002
43945
|
},
|
44003
43946
|
{
|
44004
|
-
"name": "
|
44005
|
-
"description": "
|
43947
|
+
"name": "valueComparator",
|
43948
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop.",
|
44006
43949
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44007
|
-
"default": "null",
|
44008
43950
|
"value": {
|
44009
43951
|
"kind": "expression",
|
44010
|
-
"type": "boolean"
|
43952
|
+
"type": "(a: any, b: any) => boolean"
|
44011
43953
|
}
|
44012
43954
|
},
|
44013
43955
|
{
|
44014
|
-
"name": "
|
44015
|
-
"description": "
|
43956
|
+
"name": "id",
|
43957
|
+
"description": "Sets the DOM id on the component.",
|
44016
43958
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44017
|
-
"default": "false",
|
44018
43959
|
"value": {
|
44019
43960
|
"kind": "expression",
|
44020
|
-
"type": "
|
43961
|
+
"type": "string"
|
44021
43962
|
}
|
44022
43963
|
},
|
44023
43964
|
{
|
44024
|
-
"name": "
|
44025
|
-
"description": "
|
43965
|
+
"name": "appendIcon",
|
43966
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
44026
43967
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44027
|
-
"default": "'horizontal'",
|
44028
43968
|
"value": {
|
44029
43969
|
"kind": "expression",
|
44030
|
-
"type": "
|
43970
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44031
43971
|
}
|
44032
43972
|
},
|
44033
43973
|
{
|
@@ -44060,6 +44000,15 @@
|
|
44060
44000
|
"type": "string | boolean"
|
44061
44001
|
}
|
44062
44002
|
},
|
44003
|
+
{
|
44004
|
+
"name": "prependIcon",
|
44005
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
44006
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44007
|
+
"value": {
|
44008
|
+
"kind": "expression",
|
44009
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44010
|
+
}
|
44011
|
+
},
|
44063
44012
|
{
|
44064
44013
|
"name": "hideSpinButtons",
|
44065
44014
|
"description": "Hides spin buttons on the input when type is set to `number`.",
|
@@ -44099,6 +44048,16 @@
|
|
44099
44048
|
"type": "string | string[]"
|
44100
44049
|
}
|
44101
44050
|
},
|
44051
|
+
{
|
44052
|
+
"name": "direction",
|
44053
|
+
"description": "Changes the direction of the input.",
|
44054
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44055
|
+
"default": "'horizontal'",
|
44056
|
+
"value": {
|
44057
|
+
"kind": "expression",
|
44058
|
+
"type": "'horizontal' | 'vertical'"
|
44059
|
+
}
|
44060
|
+
},
|
44102
44061
|
{
|
44103
44062
|
"name": "errorMessages",
|
44104
44063
|
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation.",
|
@@ -44119,6 +44078,16 @@
|
|
44119
44078
|
"type": "string | number"
|
44120
44079
|
}
|
44121
44080
|
},
|
44081
|
+
{
|
44082
|
+
"name": "readonly",
|
44083
|
+
"description": "Puts input in readonly state.",
|
44084
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44085
|
+
"default": "null",
|
44086
|
+
"value": {
|
44087
|
+
"kind": "expression",
|
44088
|
+
"type": "boolean"
|
44089
|
+
}
|
44090
|
+
},
|
44122
44091
|
{
|
44123
44092
|
"name": "rules",
|
44124
44093
|
"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`.",
|
@@ -44167,6 +44136,16 @@
|
|
44167
44136
|
"type": "boolean | 'auto'"
|
44168
44137
|
}
|
44169
44138
|
},
|
44139
|
+
{
|
44140
|
+
"name": "loading",
|
44141
|
+
"description": "Displays circular 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.",
|
44142
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44143
|
+
"default": "false",
|
44144
|
+
"value": {
|
44145
|
+
"kind": "expression",
|
44146
|
+
"type": "string | boolean"
|
44147
|
+
}
|
44148
|
+
},
|
44170
44149
|
{
|
44171
44150
|
"name": "indeterminate",
|
44172
44151
|
"description": "Sets an indeterminate state for the switch.",
|
@@ -44177,6 +44156,36 @@
|
|
44177
44156
|
"type": "boolean"
|
44178
44157
|
}
|
44179
44158
|
},
|
44159
|
+
{
|
44160
|
+
"name": "inset",
|
44161
|
+
"description": "Enlarge the `v-switch` track to encompass the thumb.",
|
44162
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44163
|
+
"default": "false",
|
44164
|
+
"value": {
|
44165
|
+
"kind": "expression",
|
44166
|
+
"type": "boolean"
|
44167
|
+
}
|
44168
|
+
},
|
44169
|
+
{
|
44170
|
+
"name": "ripple",
|
44171
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
44172
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44173
|
+
"default": "true",
|
44174
|
+
"value": {
|
44175
|
+
"kind": "expression",
|
44176
|
+
"type": "boolean | { class: string }"
|
44177
|
+
}
|
44178
|
+
},
|
44179
|
+
{
|
44180
|
+
"name": "inline",
|
44181
|
+
"description": "Puts children inputs into a row.",
|
44182
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44183
|
+
"default": "false",
|
44184
|
+
"value": {
|
44185
|
+
"kind": "expression",
|
44186
|
+
"type": "boolean"
|
44187
|
+
}
|
44188
|
+
},
|
44180
44189
|
{
|
44181
44190
|
"name": "trueValue",
|
44182
44191
|
"description": "Sets value for truthy state.",
|
@@ -44221,15 +44230,6 @@
|
|
44221
44230
|
"kind": "expression",
|
44222
44231
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44223
44232
|
}
|
44224
|
-
},
|
44225
|
-
{
|
44226
|
-
"name": "valueComparator",
|
44227
|
-
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop.",
|
44228
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44229
|
-
"value": {
|
44230
|
-
"kind": "expression",
|
44231
|
-
"type": "(a: any, b: any) => boolean"
|
44232
|
-
}
|
44233
44233
|
}
|
44234
44234
|
],
|
44235
44235
|
"events": [
|
@@ -44578,6 +44578,34 @@
|
|
44578
44578
|
"description": "",
|
44579
44579
|
"doc-url": "https://vuetifyjs.com/api/v-system-bar",
|
44580
44580
|
"attributes": [
|
44581
|
+
{
|
44582
|
+
"name": "tag",
|
44583
|
+
"description": "Specify a custom tag used on the root element.",
|
44584
|
+
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44585
|
+
"default": "'div'",
|
44586
|
+
"value": {
|
44587
|
+
"kind": "expression",
|
44588
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
44589
|
+
}
|
44590
|
+
},
|
44591
|
+
{
|
44592
|
+
"name": "name",
|
44593
|
+
"description": "Assign a specific name for layout registration.",
|
44594
|
+
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44595
|
+
"value": {
|
44596
|
+
"kind": "expression",
|
44597
|
+
"type": "string"
|
44598
|
+
}
|
44599
|
+
},
|
44600
|
+
{
|
44601
|
+
"name": "theme",
|
44602
|
+
"description": "Specify a theme for this component and all of its children.",
|
44603
|
+
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44604
|
+
"value": {
|
44605
|
+
"kind": "expression",
|
44606
|
+
"type": "string"
|
44607
|
+
}
|
44608
|
+
},
|
44581
44609
|
{
|
44582
44610
|
"name": "height",
|
44583
44611
|
"description": "Sets the height for the component.",
|
@@ -44625,25 +44653,6 @@
|
|
44625
44653
|
"type": "boolean"
|
44626
44654
|
}
|
44627
44655
|
},
|
44628
|
-
{
|
44629
|
-
"name": "tag",
|
44630
|
-
"description": "Specify a custom tag used on the root element.",
|
44631
|
-
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44632
|
-
"default": "'div'",
|
44633
|
-
"value": {
|
44634
|
-
"kind": "expression",
|
44635
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
44636
|
-
}
|
44637
|
-
},
|
44638
|
-
{
|
44639
|
-
"name": "theme",
|
44640
|
-
"description": "Specify a theme for this component and all of its children.",
|
44641
|
-
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44642
|
-
"value": {
|
44643
|
-
"kind": "expression",
|
44644
|
-
"type": "string"
|
44645
|
-
}
|
44646
|
-
},
|
44647
44656
|
{
|
44648
44657
|
"name": "color",
|
44649
44658
|
"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).",
|
@@ -44653,15 +44662,6 @@
|
|
44653
44662
|
"type": "string"
|
44654
44663
|
}
|
44655
44664
|
},
|
44656
|
-
{
|
44657
|
-
"name": "name",
|
44658
|
-
"description": "Assign a specific name for layout registration.",
|
44659
|
-
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44660
|
-
"value": {
|
44661
|
-
"kind": "expression",
|
44662
|
-
"type": "string"
|
44663
|
-
}
|
44664
|
-
},
|
44665
44665
|
{
|
44666
44666
|
"name": "order",
|
44667
44667
|
"description": "Adjust the order of the component in relation to its registration order.",
|
@@ -44706,17 +44706,18 @@
|
|
44706
44706
|
"doc-url": "https://vuetifyjs.com/api/v-tab",
|
44707
44707
|
"attributes": [
|
44708
44708
|
{
|
44709
|
-
"name": "
|
44710
|
-
"description": "
|
44709
|
+
"name": "replace",
|
44710
|
+
"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.",
|
44711
44711
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44712
|
+
"default": "false",
|
44712
44713
|
"value": {
|
44713
44714
|
"kind": "expression",
|
44714
|
-
"type": "
|
44715
|
+
"type": "boolean"
|
44715
44716
|
}
|
44716
44717
|
},
|
44717
44718
|
{
|
44718
|
-
"name": "
|
44719
|
-
"description": "
|
44719
|
+
"name": "fixed",
|
44720
|
+
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it.",
|
44720
44721
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44721
44722
|
"default": "false",
|
44722
44723
|
"value": {
|
@@ -44725,8 +44726,82 @@
|
|
44725
44726
|
}
|
44726
44727
|
},
|
44727
44728
|
{
|
44728
|
-
"name": "
|
44729
|
-
"description": "
|
44729
|
+
"name": "tag",
|
44730
|
+
"description": "Specify a custom tag used on the root element.",
|
44731
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44732
|
+
"default": "'button'",
|
44733
|
+
"value": {
|
44734
|
+
"kind": "expression",
|
44735
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
44736
|
+
}
|
44737
|
+
},
|
44738
|
+
{
|
44739
|
+
"name": "theme",
|
44740
|
+
"description": "Specify a theme for this component and all of its children.",
|
44741
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44742
|
+
"value": {
|
44743
|
+
"kind": "expression",
|
44744
|
+
"type": "string"
|
44745
|
+
}
|
44746
|
+
},
|
44747
|
+
{
|
44748
|
+
"name": "size",
|
44749
|
+
"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**.",
|
44750
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44751
|
+
"default": "'default'",
|
44752
|
+
"value": {
|
44753
|
+
"kind": "expression",
|
44754
|
+
"type": "string | number"
|
44755
|
+
}
|
44756
|
+
},
|
44757
|
+
{
|
44758
|
+
"name": "value",
|
44759
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
44760
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44761
|
+
"value": {
|
44762
|
+
"kind": "expression",
|
44763
|
+
"type": "any"
|
44764
|
+
}
|
44765
|
+
},
|
44766
|
+
{
|
44767
|
+
"name": "activeColor",
|
44768
|
+
"description": "The applied color when the component is in an active state.",
|
44769
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44770
|
+
"value": {
|
44771
|
+
"kind": "expression",
|
44772
|
+
"type": "string"
|
44773
|
+
}
|
44774
|
+
},
|
44775
|
+
{
|
44776
|
+
"name": "baseColor",
|
44777
|
+
"description": "Sets the color of component when not focused.",
|
44778
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44779
|
+
"value": {
|
44780
|
+
"kind": "expression",
|
44781
|
+
"type": "string"
|
44782
|
+
}
|
44783
|
+
},
|
44784
|
+
{
|
44785
|
+
"name": "prependIcon",
|
44786
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content.",
|
44787
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44788
|
+
"value": {
|
44789
|
+
"kind": "expression",
|
44790
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44791
|
+
}
|
44792
|
+
},
|
44793
|
+
{
|
44794
|
+
"name": "appendIcon",
|
44795
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
44796
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44797
|
+
"value": {
|
44798
|
+
"kind": "expression",
|
44799
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44800
|
+
}
|
44801
|
+
},
|
44802
|
+
{
|
44803
|
+
"name": "readonly",
|
44804
|
+
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard.",
|
44730
44805
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44731
44806
|
"default": "false",
|
44732
44807
|
"value": {
|
@@ -44735,23 +44810,52 @@
|
|
44735
44810
|
}
|
44736
44811
|
},
|
44737
44812
|
{
|
44738
|
-
"name": "
|
44739
|
-
"description": "
|
44813
|
+
"name": "slim",
|
44814
|
+
"description": "Reduces padding to 0 8px.",
|
44740
44815
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44741
44816
|
"default": "false",
|
44817
|
+
"value": {
|
44818
|
+
"kind": "expression",
|
44819
|
+
"type": "boolean"
|
44820
|
+
}
|
44821
|
+
},
|
44822
|
+
{
|
44823
|
+
"name": "stacked",
|
44824
|
+
"description": "Displays the tab as a flex-column.",
|
44825
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44826
|
+
"default": "false",
|
44827
|
+
"value": {
|
44828
|
+
"kind": "expression",
|
44829
|
+
"type": "boolean"
|
44830
|
+
}
|
44831
|
+
},
|
44832
|
+
{
|
44833
|
+
"name": "ripple",
|
44834
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
44835
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44836
|
+
"default": "true",
|
44837
|
+
"value": {
|
44838
|
+
"kind": "expression",
|
44839
|
+
"type": "boolean | { class: string }"
|
44840
|
+
}
|
44841
|
+
},
|
44842
|
+
{
|
44843
|
+
"name": "text",
|
44844
|
+
"description": "Specify content text for the component.",
|
44845
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44742
44846
|
"value": {
|
44743
44847
|
"kind": "expression",
|
44744
44848
|
"type": "string | number | boolean"
|
44745
44849
|
}
|
44746
44850
|
},
|
44747
44851
|
{
|
44748
|
-
"name": "
|
44749
|
-
"description": "
|
44852
|
+
"name": "border",
|
44853
|
+
"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).",
|
44750
44854
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44751
44855
|
"default": "false",
|
44752
44856
|
"value": {
|
44753
44857
|
"kind": "expression",
|
44754
|
-
"type": "
|
44858
|
+
"type": "string | number | boolean"
|
44755
44859
|
}
|
44756
44860
|
},
|
44757
44861
|
{
|
@@ -44828,17 +44932,8 @@
|
|
44828
44932
|
}
|
44829
44933
|
},
|
44830
44934
|
{
|
44831
|
-
"name": "
|
44832
|
-
"description": "
|
44833
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44834
|
-
"value": {
|
44835
|
-
"kind": "expression",
|
44836
|
-
"type": "string | number | boolean"
|
44837
|
-
}
|
44838
|
-
},
|
44839
|
-
{
|
44840
|
-
"name": "tile",
|
44841
|
-
"description": "Removes any applied **border-radius** from the component.",
|
44935
|
+
"name": "disabled",
|
44936
|
+
"description": "Removes the ability to click or target the component.",
|
44842
44937
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44843
44938
|
"default": "false",
|
44844
44939
|
"value": {
|
@@ -44847,46 +44942,37 @@
|
|
44847
44942
|
}
|
44848
44943
|
},
|
44849
44944
|
{
|
44850
|
-
"name": "
|
44851
|
-
"description": "
|
44852
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44853
|
-
"default": "'button'",
|
44854
|
-
"value": {
|
44855
|
-
"kind": "expression",
|
44856
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
44857
|
-
}
|
44858
|
-
},
|
44859
|
-
{
|
44860
|
-
"name": "theme",
|
44861
|
-
"description": "Specify a theme for this component and all of its children.",
|
44945
|
+
"name": "selectedClass",
|
44946
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
44862
44947
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44948
|
+
"default": "'v-tab--selected'",
|
44863
44949
|
"value": {
|
44864
44950
|
"kind": "expression",
|
44865
44951
|
"type": "string"
|
44866
44952
|
}
|
44867
44953
|
},
|
44868
44954
|
{
|
44869
|
-
"name": "
|
44870
|
-
"description": "
|
44955
|
+
"name": "loading",
|
44956
|
+
"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.",
|
44871
44957
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44958
|
+
"default": "false",
|
44872
44959
|
"value": {
|
44873
44960
|
"kind": "expression",
|
44874
|
-
"type": "string"
|
44961
|
+
"type": "string | boolean"
|
44875
44962
|
}
|
44876
44963
|
},
|
44877
44964
|
{
|
44878
|
-
"name": "
|
44879
|
-
"description": "
|
44965
|
+
"name": "rounded",
|
44966
|
+
"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).",
|
44880
44967
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44881
|
-
"default": "'text'",
|
44882
44968
|
"value": {
|
44883
44969
|
"kind": "expression",
|
44884
|
-
"type": "
|
44970
|
+
"type": "string | number | boolean"
|
44885
44971
|
}
|
44886
44972
|
},
|
44887
44973
|
{
|
44888
|
-
"name": "
|
44889
|
-
"description": "
|
44974
|
+
"name": "tile",
|
44975
|
+
"description": "Removes any applied **border-radius** from the component.",
|
44890
44976
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44891
44977
|
"default": "false",
|
44892
44978
|
"value": {
|
@@ -44895,17 +44981,8 @@
|
|
44895
44981
|
}
|
44896
44982
|
},
|
44897
44983
|
{
|
44898
|
-
"name": "
|
44899
|
-
"description": "
|
44900
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44901
|
-
"value": {
|
44902
|
-
"kind": "expression",
|
44903
|
-
"type": "string"
|
44904
|
-
}
|
44905
|
-
},
|
44906
|
-
{
|
44907
|
-
"name": "activeColor",
|
44908
|
-
"description": "The applied color when the component is in an active state.",
|
44984
|
+
"name": "href",
|
44985
|
+
"description": "Designates the component as anchor and applies the **href** attribute.",
|
44909
44986
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44910
44987
|
"value": {
|
44911
44988
|
"kind": "expression",
|
@@ -44913,18 +44990,8 @@
|
|
44913
44990
|
}
|
44914
44991
|
},
|
44915
44992
|
{
|
44916
|
-
"name": "
|
44917
|
-
"description": "
|
44918
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44919
|
-
"default": "false",
|
44920
|
-
"value": {
|
44921
|
-
"kind": "expression",
|
44922
|
-
"type": "boolean"
|
44923
|
-
}
|
44924
|
-
},
|
44925
|
-
{
|
44926
|
-
"name": "slim",
|
44927
|
-
"description": "Reduces padding to 0 8px.",
|
44993
|
+
"name": "exact",
|
44994
|
+
"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.",
|
44928
44995
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44929
44996
|
"default": "false",
|
44930
44997
|
"value": {
|
@@ -44933,40 +45000,41 @@
|
|
44933
45000
|
}
|
44934
45001
|
},
|
44935
45002
|
{
|
44936
|
-
"name": "
|
44937
|
-
"description": "
|
45003
|
+
"name": "to",
|
45004
|
+
"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.",
|
44938
45005
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44939
45006
|
"value": {
|
44940
45007
|
"kind": "expression",
|
44941
|
-
"type": "
|
45008
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric"
|
44942
45009
|
}
|
44943
45010
|
},
|
44944
45011
|
{
|
44945
|
-
"name": "
|
44946
|
-
"description": "
|
45012
|
+
"name": "color",
|
45013
|
+
"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).",
|
44947
45014
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44948
|
-
"default": "'default'",
|
44949
45015
|
"value": {
|
44950
45016
|
"kind": "expression",
|
44951
|
-
"type": "string
|
45017
|
+
"type": "string"
|
44952
45018
|
}
|
44953
45019
|
},
|
44954
45020
|
{
|
44955
|
-
"name": "
|
44956
|
-
"description": "
|
45021
|
+
"name": "variant",
|
45022
|
+
"description": "Applies a distinct style to the component.",
|
44957
45023
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45024
|
+
"default": "'text'",
|
44958
45025
|
"value": {
|
44959
45026
|
"kind": "expression",
|
44960
|
-
"type": "
|
45027
|
+
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
44961
45028
|
}
|
44962
45029
|
},
|
44963
45030
|
{
|
44964
|
-
"name": "
|
44965
|
-
"description": "
|
45031
|
+
"name": "icon",
|
45032
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_.",
|
44966
45033
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45034
|
+
"default": "false",
|
44967
45035
|
"value": {
|
44968
45036
|
"kind": "expression",
|
44969
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45037
|
+
"type": "| boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44970
45038
|
}
|
44971
45039
|
},
|
44972
45040
|
{
|
@@ -44979,74 +45047,6 @@
|
|
44979
45047
|
"type": "'horizontal' | 'vertical'"
|
44980
45048
|
}
|
44981
45049
|
},
|
44982
|
-
{
|
44983
|
-
"name": "readonly",
|
44984
|
-
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard.",
|
44985
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44986
|
-
"default": "false",
|
44987
|
-
"value": {
|
44988
|
-
"kind": "expression",
|
44989
|
-
"type": "boolean"
|
44990
|
-
}
|
44991
|
-
},
|
44992
|
-
{
|
44993
|
-
"name": "loading",
|
44994
|
-
"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.",
|
44995
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44996
|
-
"default": "false",
|
44997
|
-
"value": {
|
44998
|
-
"kind": "expression",
|
44999
|
-
"type": "string | boolean"
|
45000
|
-
}
|
45001
|
-
},
|
45002
|
-
{
|
45003
|
-
"name": "href",
|
45004
|
-
"description": "Designates the component as anchor and applies the **href** attribute.",
|
45005
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45006
|
-
"value": {
|
45007
|
-
"kind": "expression",
|
45008
|
-
"type": "string"
|
45009
|
-
}
|
45010
|
-
},
|
45011
|
-
{
|
45012
|
-
"name": "to",
|
45013
|
-
"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.",
|
45014
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45015
|
-
"value": {
|
45016
|
-
"kind": "expression",
|
45017
|
-
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric"
|
45018
|
-
}
|
45019
|
-
},
|
45020
|
-
{
|
45021
|
-
"name": "selectedClass",
|
45022
|
-
"description": "Configure the active CSS class applied when an item is selected.",
|
45023
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45024
|
-
"default": "'v-tab--selected'",
|
45025
|
-
"value": {
|
45026
|
-
"kind": "expression",
|
45027
|
-
"type": "string"
|
45028
|
-
}
|
45029
|
-
},
|
45030
|
-
{
|
45031
|
-
"name": "ripple",
|
45032
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
45033
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45034
|
-
"default": "true",
|
45035
|
-
"value": {
|
45036
|
-
"kind": "expression",
|
45037
|
-
"type": "boolean | { class: string }"
|
45038
|
-
}
|
45039
|
-
},
|
45040
|
-
{
|
45041
|
-
"name": "stacked",
|
45042
|
-
"description": "Displays the tab as a flex-column.",
|
45043
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45044
|
-
"default": "false",
|
45045
|
-
"value": {
|
45046
|
-
"kind": "expression",
|
45047
|
-
"type": "boolean"
|
45048
|
-
}
|
45049
|
-
},
|
45050
45050
|
{
|
45051
45051
|
"name": "sliderColor",
|
45052
45052
|
"description": "Applies specified color to the slider when active on that component - 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).",
|
@@ -45105,46 +45105,46 @@
|
|
45105
45105
|
"doc-url": "https://vuetifyjs.com/api/v-table",
|
45106
45106
|
"attributes": [
|
45107
45107
|
{
|
45108
|
-
"name": "
|
45109
|
-
"description": "
|
45108
|
+
"name": "density",
|
45109
|
+
"description": "Adjusts the vertical height used by the component.",
|
45110
45110
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45111
|
-
"default": "'
|
45111
|
+
"default": "'default'",
|
45112
45112
|
"value": {
|
45113
45113
|
"kind": "expression",
|
45114
|
-
"type": "
|
45114
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45115
45115
|
}
|
45116
45116
|
},
|
45117
45117
|
{
|
45118
|
-
"name": "
|
45119
|
-
"description": "
|
45118
|
+
"name": "height",
|
45119
|
+
"description": "Use the height prop to set the height of the table.",
|
45120
45120
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45121
45121
|
"value": {
|
45122
45122
|
"kind": "expression",
|
45123
|
-
"type": "string"
|
45123
|
+
"type": "string | number"
|
45124
45124
|
}
|
45125
45125
|
},
|
45126
45126
|
{
|
45127
|
-
"name": "
|
45128
|
-
"description": "
|
45127
|
+
"name": "tag",
|
45128
|
+
"description": "Specify a custom tag used on the root element.",
|
45129
45129
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45130
|
-
"default": "'
|
45130
|
+
"default": "'div'",
|
45131
45131
|
"value": {
|
45132
45132
|
"kind": "expression",
|
45133
|
-
"type": "
|
45133
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45134
45134
|
}
|
45135
45135
|
},
|
45136
45136
|
{
|
45137
|
-
"name": "
|
45138
|
-
"description": "
|
45137
|
+
"name": "theme",
|
45138
|
+
"description": "Specify a theme for this component and all of its children.",
|
45139
45139
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45140
45140
|
"value": {
|
45141
45141
|
"kind": "expression",
|
45142
|
-
"type": "string
|
45142
|
+
"type": "string"
|
45143
45143
|
}
|
45144
45144
|
},
|
45145
45145
|
{
|
45146
|
-
"name": "
|
45147
|
-
"description": "
|
45146
|
+
"name": "fixedHeader",
|
45147
|
+
"description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table.",
|
45148
45148
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45149
45149
|
"default": "false",
|
45150
45150
|
"value": {
|
@@ -45153,8 +45153,8 @@
|
|
45153
45153
|
}
|
45154
45154
|
},
|
45155
45155
|
{
|
45156
|
-
"name": "
|
45157
|
-
"description": "Use the fixed-
|
45156
|
+
"name": "fixedFooter",
|
45157
|
+
"description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table.",
|
45158
45158
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45159
45159
|
"default": "false",
|
45160
45160
|
"value": {
|
@@ -45163,8 +45163,8 @@
|
|
45163
45163
|
}
|
45164
45164
|
},
|
45165
45165
|
{
|
45166
|
-
"name": "
|
45167
|
-
"description": "
|
45166
|
+
"name": "hover",
|
45167
|
+
"description": "Will add a hover effect to a table's row when the mouse is over it.",
|
45168
45168
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45169
45169
|
"default": "false",
|
45170
45170
|
"value": {
|
@@ -45220,52 +45220,59 @@
|
|
45220
45220
|
}
|
45221
45221
|
},
|
45222
45222
|
{
|
45223
|
-
"name": "
|
45224
|
-
"description": "
|
45223
|
+
"name": "modelValue",
|
45224
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45225
45225
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45226
|
-
"default": "'div'",
|
45227
45226
|
"value": {
|
45228
45227
|
"kind": "expression",
|
45229
|
-
"type": "
|
45228
|
+
"type": "any"
|
45230
45229
|
}
|
45231
45230
|
},
|
45232
45231
|
{
|
45233
|
-
"name": "
|
45234
|
-
"description": "
|
45232
|
+
"name": "density",
|
45233
|
+
"description": "Adjusts the vertical height used by the component.",
|
45235
45234
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45236
|
-
"default": "
|
45235
|
+
"default": "'default'",
|
45237
45236
|
"value": {
|
45238
45237
|
"kind": "expression",
|
45239
|
-
"type": "
|
45238
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45240
45239
|
}
|
45241
45240
|
},
|
45242
45241
|
{
|
45243
|
-
"name": "
|
45244
|
-
"description": "
|
45242
|
+
"name": "height",
|
45243
|
+
"description": "Sets the height of the tabs bar.",
|
45245
45244
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45246
|
-
"default": "false",
|
45247
45245
|
"value": {
|
45248
45246
|
"kind": "expression",
|
45249
|
-
"type": "
|
45247
|
+
"type": "string | number"
|
45250
45248
|
}
|
45251
45249
|
},
|
45252
45250
|
{
|
45253
|
-
"name": "
|
45254
|
-
"description": "
|
45251
|
+
"name": "tag",
|
45252
|
+
"description": "Specify a custom tag used on the root element.",
|
45255
45253
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45256
|
-
"default": "'
|
45254
|
+
"default": "'div'",
|
45257
45255
|
"value": {
|
45258
45256
|
"kind": "expression",
|
45259
|
-
"type": "
|
45257
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45260
45258
|
}
|
45261
45259
|
},
|
45262
45260
|
{
|
45263
|
-
"name": "
|
45264
|
-
"description": "
|
45261
|
+
"name": "color",
|
45262
|
+
"description": "Applies specified color to the selected tab - 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).",
|
45265
45263
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45266
45264
|
"value": {
|
45267
45265
|
"kind": "expression",
|
45268
|
-
"type": "string
|
45266
|
+
"type": "string"
|
45267
|
+
}
|
45268
|
+
},
|
45269
|
+
{
|
45270
|
+
"name": "bgColor",
|
45271
|
+
"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).",
|
45272
|
+
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45273
|
+
"value": {
|
45274
|
+
"kind": "expression",
|
45275
|
+
"type": "string"
|
45269
45276
|
}
|
45270
45277
|
},
|
45271
45278
|
{
|
@@ -45279,49 +45286,52 @@
|
|
45279
45286
|
}
|
45280
45287
|
},
|
45281
45288
|
{
|
45282
|
-
"name": "
|
45283
|
-
"description": "
|
45289
|
+
"name": "multiple",
|
45290
|
+
"description": "Allows one to select multiple items.",
|
45284
45291
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45285
|
-
"default": "
|
45292
|
+
"default": "false",
|
45286
45293
|
"value": {
|
45287
45294
|
"kind": "expression",
|
45288
|
-
"type": "
|
45295
|
+
"type": "boolean"
|
45289
45296
|
}
|
45290
45297
|
},
|
45291
45298
|
{
|
45292
|
-
"name": "
|
45293
|
-
"description": "
|
45299
|
+
"name": "mandatory",
|
45300
|
+
"description": "Forces at least one item to always be selected (if available).",
|
45294
45301
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45302
|
+
"default": "'force'",
|
45295
45303
|
"value": {
|
45296
45304
|
"kind": "expression",
|
45297
|
-
"type": "
|
45305
|
+
"type": "boolean | 'force'"
|
45298
45306
|
}
|
45299
45307
|
},
|
45300
45308
|
{
|
45301
|
-
"name": "
|
45302
|
-
"description": "
|
45309
|
+
"name": "items",
|
45310
|
+
"description": "The items to display in the component. This can be an array of strings or objects with a property `text`.",
|
45303
45311
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45312
|
+
"default": "[]",
|
45304
45313
|
"value": {
|
45305
45314
|
"kind": "expression",
|
45306
|
-
"type": "
|
45315
|
+
"type": "unknown[]"
|
45307
45316
|
}
|
45308
45317
|
},
|
45309
45318
|
{
|
45310
|
-
"name": "
|
45311
|
-
"description": "
|
45319
|
+
"name": "direction",
|
45320
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`.",
|
45312
45321
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45322
|
+
"default": "'horizontal'",
|
45313
45323
|
"value": {
|
45314
45324
|
"kind": "expression",
|
45315
|
-
"type": "
|
45325
|
+
"type": "'horizontal' | 'vertical'"
|
45316
45326
|
}
|
45317
45327
|
},
|
45318
45328
|
{
|
45319
|
-
"name": "
|
45320
|
-
"description": "
|
45329
|
+
"name": "max",
|
45330
|
+
"description": "Sets a maximum number of selections that can be made.",
|
45321
45331
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45322
45332
|
"value": {
|
45323
45333
|
"kind": "expression",
|
45324
|
-
"type": "
|
45334
|
+
"type": "number"
|
45325
45335
|
}
|
45326
45336
|
},
|
45327
45337
|
{
|
@@ -45344,53 +45354,53 @@
|
|
45344
45354
|
}
|
45345
45355
|
},
|
45346
45356
|
{
|
45347
|
-
"name": "
|
45348
|
-
"description": "
|
45357
|
+
"name": "prevIcon",
|
45358
|
+
"description": "Left pagination icon.",
|
45349
45359
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45350
|
-
"default": "
|
45360
|
+
"default": "'$prev'",
|
45351
45361
|
"value": {
|
45352
45362
|
"kind": "expression",
|
45353
|
-
"type": "
|
45363
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45354
45364
|
}
|
45355
45365
|
},
|
45356
45366
|
{
|
45357
|
-
"name": "
|
45358
|
-
"description": "
|
45367
|
+
"name": "nextIcon",
|
45368
|
+
"description": "Right pagination icon.",
|
45359
45369
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45360
|
-
"default": "
|
45370
|
+
"default": "'$next'",
|
45361
45371
|
"value": {
|
45362
45372
|
"kind": "expression",
|
45363
|
-
"type": "
|
45373
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45364
45374
|
}
|
45365
45375
|
},
|
45366
45376
|
{
|
45367
|
-
"name": "
|
45368
|
-
"description": "
|
45377
|
+
"name": "selectedClass",
|
45378
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45369
45379
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45370
|
-
"default": "'
|
45380
|
+
"default": "'v-tab-item--selected'",
|
45371
45381
|
"value": {
|
45372
45382
|
"kind": "expression",
|
45373
|
-
"type": "
|
45383
|
+
"type": "string"
|
45374
45384
|
}
|
45375
45385
|
},
|
45376
45386
|
{
|
45377
|
-
"name": "
|
45378
|
-
"description": "
|
45387
|
+
"name": "stacked",
|
45388
|
+
"description": "Apply the stacked prop to all children v-tab components.",
|
45379
45389
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45380
|
-
"default": "
|
45390
|
+
"default": "false",
|
45381
45391
|
"value": {
|
45382
45392
|
"kind": "expression",
|
45383
|
-
"type": "
|
45393
|
+
"type": "boolean"
|
45384
45394
|
}
|
45385
45395
|
},
|
45386
45396
|
{
|
45387
|
-
"name": "
|
45388
|
-
"description": "
|
45397
|
+
"name": "centerActive",
|
45398
|
+
"description": "Forces the selected tab to be centered.",
|
45389
45399
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45390
|
-
"default": "
|
45400
|
+
"default": "false",
|
45391
45401
|
"value": {
|
45392
45402
|
"kind": "expression",
|
45393
|
-
"type": "
|
45403
|
+
"type": "boolean"
|
45394
45404
|
}
|
45395
45405
|
},
|
45396
45406
|
{
|
@@ -45404,18 +45414,18 @@
|
|
45404
45414
|
}
|
45405
45415
|
},
|
45406
45416
|
{
|
45407
|
-
"name": "
|
45408
|
-
"description": "
|
45417
|
+
"name": "alignTabs",
|
45418
|
+
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component.",
|
45409
45419
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45410
|
-
"default": "'
|
45420
|
+
"default": "'start'",
|
45411
45421
|
"value": {
|
45412
45422
|
"kind": "expression",
|
45413
|
-
"type": "'
|
45423
|
+
"type": "'title' | 'end' | 'start' | 'center'"
|
45414
45424
|
}
|
45415
45425
|
},
|
45416
45426
|
{
|
45417
|
-
"name": "
|
45418
|
-
"description": "
|
45427
|
+
"name": "fixedTabs",
|
45428
|
+
"description": "`v-tabs-item` min-width 160px, max-width 360px.",
|
45419
45429
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45420
45430
|
"default": "false",
|
45421
45431
|
"value": {
|
@@ -45424,18 +45434,8 @@
|
|
45424
45434
|
}
|
45425
45435
|
},
|
45426
45436
|
{
|
45427
|
-
"name": "
|
45428
|
-
"description": "
|
45429
|
-
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45430
|
-
"default": "'start'",
|
45431
|
-
"value": {
|
45432
|
-
"kind": "expression",
|
45433
|
-
"type": "'title' | 'start' | 'end' | 'center'"
|
45434
|
-
}
|
45435
|
-
},
|
45436
|
-
{
|
45437
|
-
"name": "fixedTabs",
|
45438
|
-
"description": "`v-tabs-item` min-width 160px, max-width 360px.",
|
45437
|
+
"name": "grow",
|
45438
|
+
"description": "Force `v-tab`'s to take up all available space.",
|
45439
45439
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45440
45440
|
"default": "false",
|
45441
45441
|
"value": {
|
@@ -45547,12 +45547,13 @@
|
|
45547
45547
|
"doc-url": "https://vuetifyjs.com/api/v-tabs-window",
|
45548
45548
|
"attributes": [
|
45549
45549
|
{
|
45550
|
-
"name": "
|
45551
|
-
"description": "
|
45550
|
+
"name": "tag",
|
45551
|
+
"description": "Specify a custom tag used on the root element.",
|
45552
45552
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45553
|
+
"default": "'div'",
|
45553
45554
|
"value": {
|
45554
45555
|
"kind": "expression",
|
45555
|
-
"type": "any"
|
45556
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45556
45557
|
}
|
45557
45558
|
},
|
45558
45559
|
{
|
@@ -45565,16 +45566,6 @@
|
|
45565
45566
|
"type": "boolean"
|
45566
45567
|
}
|
45567
45568
|
},
|
45568
|
-
{
|
45569
|
-
"name": "tag",
|
45570
|
-
"description": "Specify a custom tag used on the root element.",
|
45571
|
-
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45572
|
-
"default": "'div'",
|
45573
|
-
"value": {
|
45574
|
-
"kind": "expression",
|
45575
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
45576
|
-
}
|
45577
|
-
},
|
45578
45569
|
{
|
45579
45570
|
"name": "theme",
|
45580
45571
|
"description": "Specify a theme for this component and all of its children.",
|
@@ -45595,23 +45586,32 @@
|
|
45595
45586
|
}
|
45596
45587
|
},
|
45597
45588
|
{
|
45598
|
-
"name": "
|
45599
|
-
"description": "
|
45589
|
+
"name": "selectedClass",
|
45590
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45600
45591
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45601
|
-
"default": "'
|
45592
|
+
"default": "'v-window-item--active'",
|
45602
45593
|
"value": {
|
45603
45594
|
"kind": "expression",
|
45604
|
-
"type": "
|
45595
|
+
"type": "string"
|
45605
45596
|
}
|
45606
45597
|
},
|
45607
45598
|
{
|
45608
|
-
"name": "
|
45609
|
-
"description": "
|
45599
|
+
"name": "modelValue",
|
45600
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45610
45601
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45611
|
-
"default": "'v-window-item--active'",
|
45612
45602
|
"value": {
|
45613
45603
|
"kind": "expression",
|
45614
|
-
"type": "
|
45604
|
+
"type": "any"
|
45605
|
+
}
|
45606
|
+
},
|
45607
|
+
{
|
45608
|
+
"name": "direction",
|
45609
|
+
"description": "The transition direction when changing windows.",
|
45610
|
+
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45611
|
+
"default": "'horizontal'",
|
45612
|
+
"value": {
|
45613
|
+
"kind": "expression",
|
45614
|
+
"type": "'horizontal' | 'vertical'"
|
45615
45615
|
}
|
45616
45616
|
}
|
45617
45617
|
],
|
@@ -45650,13 +45650,12 @@
|
|
45650
45650
|
"doc-url": "https://vuetifyjs.com/api/v-tabs-window-item",
|
45651
45651
|
"attributes": [
|
45652
45652
|
{
|
45653
|
-
"name": "
|
45654
|
-
"description": "
|
45653
|
+
"name": "value",
|
45654
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
45655
45655
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45656
|
-
"default": "false",
|
45657
45656
|
"value": {
|
45658
45657
|
"kind": "expression",
|
45659
|
-
"type": "
|
45658
|
+
"type": "any"
|
45660
45659
|
}
|
45661
45660
|
},
|
45662
45661
|
{
|
@@ -45670,12 +45669,12 @@
|
|
45670
45669
|
}
|
45671
45670
|
},
|
45672
45671
|
{
|
45673
|
-
"name": "
|
45674
|
-
"description": "
|
45672
|
+
"name": "selectedClass",
|
45673
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45675
45674
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45676
45675
|
"value": {
|
45677
45676
|
"kind": "expression",
|
45678
|
-
"type": "
|
45677
|
+
"type": "string"
|
45679
45678
|
}
|
45680
45679
|
},
|
45681
45680
|
{
|
@@ -45688,21 +45687,22 @@
|
|
45688
45687
|
}
|
45689
45688
|
},
|
45690
45689
|
{
|
45691
|
-
"name": "
|
45692
|
-
"description": "
|
45690
|
+
"name": "eager",
|
45691
|
+
"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.",
|
45693
45692
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45693
|
+
"default": "false",
|
45694
45694
|
"value": {
|
45695
45695
|
"kind": "expression",
|
45696
|
-
"type": "
|
45696
|
+
"type": "boolean"
|
45697
45697
|
}
|
45698
45698
|
},
|
45699
45699
|
{
|
45700
|
-
"name": "
|
45701
|
-
"description": "
|
45700
|
+
"name": "reverseTransition",
|
45701
|
+
"description": "Sets the reverse transition.",
|
45702
45702
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45703
45703
|
"value": {
|
45704
45704
|
"kind": "expression",
|
45705
|
-
"type": "string"
|
45705
|
+
"type": "string | boolean"
|
45706
45706
|
}
|
45707
45707
|
}
|
45708
45708
|
],
|
@@ -45749,17 +45749,8 @@
|
|
45749
45749
|
}
|
45750
45750
|
},
|
45751
45751
|
{
|
45752
|
-
"name": "
|
45753
|
-
"description": "
|
45754
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45755
|
-
"value": {
|
45756
|
-
"kind": "expression",
|
45757
|
-
"type": "any"
|
45758
|
-
}
|
45759
|
-
},
|
45760
|
-
{
|
45761
|
-
"name": "error",
|
45762
|
-
"description": "Puts the input in a manual error state.",
|
45752
|
+
"name": "reverse",
|
45753
|
+
"description": "Reverses the input orientation.",
|
45763
45754
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45764
45755
|
"default": "false",
|
45765
45756
|
"value": {
|
@@ -45768,133 +45759,133 @@
|
|
45768
45759
|
}
|
45769
45760
|
},
|
45770
45761
|
{
|
45771
|
-
"name": "
|
45772
|
-
"description": "
|
45762
|
+
"name": "name",
|
45763
|
+
"description": "Sets the component's name attribute.",
|
45773
45764
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45774
|
-
"default": "false",
|
45775
45765
|
"value": {
|
45776
45766
|
"kind": "expression",
|
45777
|
-
"type": "
|
45767
|
+
"type": "string"
|
45778
45768
|
}
|
45779
45769
|
},
|
45780
45770
|
{
|
45781
|
-
"name": "
|
45782
|
-
"description": "
|
45771
|
+
"name": "error",
|
45772
|
+
"description": "Puts the input in a manual error state.",
|
45783
45773
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45784
|
-
"default": "
|
45774
|
+
"default": "false",
|
45785
45775
|
"value": {
|
45786
45776
|
"kind": "expression",
|
45787
|
-
"type": "
|
45777
|
+
"type": "boolean"
|
45788
45778
|
}
|
45789
45779
|
},
|
45790
45780
|
{
|
45791
|
-
"name": "
|
45792
|
-
"description": "Sets the
|
45781
|
+
"name": "label",
|
45782
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
45793
45783
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45794
45784
|
"value": {
|
45795
45785
|
"kind": "expression",
|
45796
|
-
"type": "string
|
45786
|
+
"type": "string"
|
45797
45787
|
}
|
45798
45788
|
},
|
45799
45789
|
{
|
45800
|
-
"name": "
|
45801
|
-
"description": "
|
45790
|
+
"name": "theme",
|
45791
|
+
"description": "Specify a theme for this component and all of its children.",
|
45802
45792
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45803
45793
|
"value": {
|
45804
45794
|
"kind": "expression",
|
45805
|
-
"type": "string
|
45795
|
+
"type": "string"
|
45806
45796
|
}
|
45807
45797
|
},
|
45808
45798
|
{
|
45809
|
-
"name": "
|
45810
|
-
"description": "Sets the
|
45799
|
+
"name": "id",
|
45800
|
+
"description": "Sets the DOM id on the component.",
|
45811
45801
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45812
45802
|
"value": {
|
45813
45803
|
"kind": "expression",
|
45814
|
-
"type": "string
|
45804
|
+
"type": "string"
|
45815
45805
|
}
|
45816
45806
|
},
|
45817
45807
|
{
|
45818
|
-
"name": "
|
45819
|
-
"description": "
|
45808
|
+
"name": "active",
|
45809
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
45820
45810
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45811
|
+
"default": "false",
|
45821
45812
|
"value": {
|
45822
45813
|
"kind": "expression",
|
45823
|
-
"type": "
|
45814
|
+
"type": "boolean"
|
45824
45815
|
}
|
45825
45816
|
},
|
45826
45817
|
{
|
45827
|
-
"name": "
|
45828
|
-
"description": "
|
45818
|
+
"name": "baseColor",
|
45819
|
+
"description": "Sets the color of the input when it is not focused.",
|
45829
45820
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45830
|
-
"default": "false",
|
45831
45821
|
"value": {
|
45832
45822
|
"kind": "expression",
|
45833
|
-
"type": "
|
45823
|
+
"type": "string"
|
45834
45824
|
}
|
45835
45825
|
},
|
45836
45826
|
{
|
45837
|
-
"name": "
|
45838
|
-
"description": "
|
45827
|
+
"name": "prependIcon",
|
45828
|
+
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`.",
|
45839
45829
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45840
45830
|
"value": {
|
45841
45831
|
"kind": "expression",
|
45842
|
-
"type": "string"
|
45832
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45843
45833
|
}
|
45844
45834
|
},
|
45845
45835
|
{
|
45846
|
-
"name": "
|
45847
|
-
"description": "
|
45836
|
+
"name": "appendIcon",
|
45837
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
45848
45838
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45849
45839
|
"value": {
|
45850
45840
|
"kind": "expression",
|
45851
|
-
"type": "string"
|
45841
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45852
45842
|
}
|
45853
45843
|
},
|
45854
45844
|
{
|
45855
|
-
"name": "
|
45856
|
-
"description": "
|
45845
|
+
"name": "readonly",
|
45846
|
+
"description": "Puts input in readonly state.",
|
45857
45847
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45858
|
-
"default": "
|
45848
|
+
"default": "null",
|
45859
45849
|
"value": {
|
45860
45850
|
"kind": "expression",
|
45861
|
-
"type": "
|
45851
|
+
"type": "boolean"
|
45862
45852
|
}
|
45863
45853
|
},
|
45864
45854
|
{
|
45865
|
-
"name": "
|
45866
|
-
"description": "
|
45855
|
+
"name": "density",
|
45856
|
+
"description": "Adjusts the vertical height used by the component.",
|
45867
45857
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45858
|
+
"default": "'default'",
|
45868
45859
|
"value": {
|
45869
45860
|
"kind": "expression",
|
45870
|
-
"type": "
|
45861
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45871
45862
|
}
|
45872
45863
|
},
|
45873
45864
|
{
|
45874
|
-
"name": "
|
45875
|
-
"description": "Sets the
|
45865
|
+
"name": "maxWidth",
|
45866
|
+
"description": "Sets the maximum width for the component.",
|
45876
45867
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45877
45868
|
"value": {
|
45878
45869
|
"kind": "expression",
|
45879
|
-
"type": "string"
|
45870
|
+
"type": "string | number"
|
45880
45871
|
}
|
45881
45872
|
},
|
45882
45873
|
{
|
45883
|
-
"name": "
|
45884
|
-
"description": "Sets the
|
45874
|
+
"name": "minWidth",
|
45875
|
+
"description": "Sets the minimum width for the component.",
|
45885
45876
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45886
45877
|
"value": {
|
45887
45878
|
"kind": "expression",
|
45888
|
-
"type": "string"
|
45879
|
+
"type": "string | number"
|
45889
45880
|
}
|
45890
45881
|
},
|
45891
45882
|
{
|
45892
|
-
"name": "
|
45893
|
-
"description": "
|
45883
|
+
"name": "width",
|
45884
|
+
"description": "Sets the width for the component.",
|
45894
45885
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45895
45886
|
"value": {
|
45896
45887
|
"kind": "expression",
|
45897
|
-
"type": "string"
|
45888
|
+
"type": "string | number"
|
45898
45889
|
}
|
45899
45890
|
},
|
45900
45891
|
{
|
@@ -45908,37 +45899,37 @@
|
|
45908
45899
|
}
|
45909
45900
|
},
|
45910
45901
|
{
|
45911
|
-
"name": "
|
45912
|
-
"description": "
|
45902
|
+
"name": "loading",
|
45903
|
+
"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.",
|
45913
45904
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45905
|
+
"default": "false",
|
45914
45906
|
"value": {
|
45915
45907
|
"kind": "expression",
|
45916
|
-
"type": "string"
|
45908
|
+
"type": "string | boolean"
|
45917
45909
|
}
|
45918
45910
|
},
|
45919
45911
|
{
|
45920
|
-
"name": "
|
45921
|
-
"description": "
|
45912
|
+
"name": "rounded",
|
45913
|
+
"description": "Adds a border radius to the input.",
|
45922
45914
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45923
|
-
"default": "false",
|
45924
45915
|
"value": {
|
45925
45916
|
"kind": "expression",
|
45926
|
-
"type": "boolean"
|
45917
|
+
"type": "string | number | boolean"
|
45927
45918
|
}
|
45928
45919
|
},
|
45929
45920
|
{
|
45930
|
-
"name": "
|
45931
|
-
"description": "
|
45921
|
+
"name": "tile",
|
45922
|
+
"description": "Removes any applied **border-radius** from the component.",
|
45932
45923
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45933
45924
|
"default": "false",
|
45934
45925
|
"value": {
|
45935
45926
|
"kind": "expression",
|
45936
|
-
"type": "
|
45927
|
+
"type": "boolean"
|
45937
45928
|
}
|
45938
45929
|
},
|
45939
45930
|
{
|
45940
|
-
"name": "
|
45941
|
-
"description": "
|
45931
|
+
"name": "color",
|
45932
|
+
"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).",
|
45942
45933
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45943
45934
|
"value": {
|
45944
45935
|
"kind": "expression",
|
@@ -45946,37 +45937,36 @@
|
|
45946
45937
|
}
|
45947
45938
|
},
|
45948
45939
|
{
|
45949
|
-
"name": "
|
45950
|
-
"description": "
|
45940
|
+
"name": "variant",
|
45941
|
+
"description": "Applies a distinct style to the component.",
|
45951
45942
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45943
|
+
"default": "'filled'",
|
45952
45944
|
"value": {
|
45953
45945
|
"kind": "expression",
|
45954
|
-
"type": "
|
45946
|
+
"type": "| 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'"
|
45955
45947
|
}
|
45956
45948
|
},
|
45957
45949
|
{
|
45958
|
-
"name": "
|
45959
|
-
"description": "
|
45950
|
+
"name": "modelValue",
|
45951
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45960
45952
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45961
|
-
"default": "false",
|
45962
45953
|
"value": {
|
45963
45954
|
"kind": "expression",
|
45964
|
-
"type": "
|
45955
|
+
"type": "any"
|
45965
45956
|
}
|
45966
45957
|
},
|
45967
45958
|
{
|
45968
|
-
"name": "
|
45969
|
-
"description": "
|
45959
|
+
"name": "bgColor",
|
45960
|
+
"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).",
|
45970
45961
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45971
|
-
"default": "false",
|
45972
45962
|
"value": {
|
45973
45963
|
"kind": "expression",
|
45974
|
-
"type": "
|
45964
|
+
"type": "string"
|
45975
45965
|
}
|
45976
45966
|
},
|
45977
45967
|
{
|
45978
|
-
"name": "
|
45979
|
-
"description": "Displays
|
45968
|
+
"name": "prefix",
|
45969
|
+
"description": "Displays prefix text.",
|
45980
45970
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45981
45971
|
"value": {
|
45982
45972
|
"kind": "expression",
|
@@ -45993,12 +45983,22 @@
|
|
45993
45983
|
}
|
45994
45984
|
},
|
45995
45985
|
{
|
45996
|
-
"name": "
|
45997
|
-
"description": "
|
45986
|
+
"name": "direction",
|
45987
|
+
"description": "Changes the direction of the input.",
|
45998
45988
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45989
|
+
"default": "'horizontal'",
|
45999
45990
|
"value": {
|
46000
45991
|
"kind": "expression",
|
46001
|
-
"type": "
|
45992
|
+
"type": "'horizontal' | 'vertical'"
|
45993
|
+
}
|
45994
|
+
},
|
45995
|
+
{
|
45996
|
+
"name": "placeholder",
|
45997
|
+
"description": "Sets the input’s placeholder text.",
|
45998
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45999
|
+
"value": {
|
46000
|
+
"kind": "expression",
|
46001
|
+
"type": "string"
|
46002
46002
|
}
|
46003
46003
|
},
|
46004
46004
|
{
|
@@ -46030,15 +46030,6 @@
|
|
46030
46030
|
"type": "string | boolean"
|
46031
46031
|
}
|
46032
46032
|
},
|
46033
|
-
{
|
46034
|
-
"name": "prependIcon",
|
46035
|
-
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`.",
|
46036
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46037
|
-
"value": {
|
46038
|
-
"kind": "expression",
|
46039
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46040
|
-
}
|
46041
|
-
},
|
46042
46033
|
{
|
46043
46034
|
"name": "hideSpinButtons",
|
46044
46035
|
"description": "Hides spin buttons on the input when type is set to `number`.",
|
@@ -46078,16 +46069,6 @@
|
|
46078
46069
|
"type": "string | string[]"
|
46079
46070
|
}
|
46080
46071
|
},
|
46081
|
-
{
|
46082
|
-
"name": "direction",
|
46083
|
-
"description": "Changes the direction of the input.",
|
46084
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46085
|
-
"default": "'horizontal'",
|
46086
|
-
"value": {
|
46087
|
-
"kind": "expression",
|
46088
|
-
"type": "'horizontal' | 'vertical'"
|
46089
|
-
}
|
46090
|
-
},
|
46091
46072
|
{
|
46092
46073
|
"name": "errorMessages",
|
46093
46074
|
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation.",
|
@@ -46108,16 +46089,6 @@
|
|
46108
46089
|
"type": "string | number"
|
46109
46090
|
}
|
46110
46091
|
},
|
46111
|
-
{
|
46112
|
-
"name": "readonly",
|
46113
|
-
"description": "Puts input in readonly state.",
|
46114
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46115
|
-
"default": "null",
|
46116
|
-
"value": {
|
46117
|
-
"kind": "expression",
|
46118
|
-
"type": "boolean"
|
46119
|
-
}
|
46120
|
-
},
|
46121
46092
|
{
|
46122
46093
|
"name": "rules",
|
46123
46094
|
"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`.",
|
@@ -46166,6 +46137,55 @@
|
|
46166
46137
|
"type": "boolean | 'auto'"
|
46167
46138
|
}
|
46168
46139
|
},
|
46140
|
+
{
|
46141
|
+
"name": "autofocus",
|
46142
|
+
"description": "Enables autofocus.",
|
46143
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46144
|
+
"default": "false",
|
46145
|
+
"value": {
|
46146
|
+
"kind": "expression",
|
46147
|
+
"type": "boolean"
|
46148
|
+
}
|
46149
|
+
},
|
46150
|
+
{
|
46151
|
+
"name": "counter",
|
46152
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
46153
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46154
|
+
"default": "false",
|
46155
|
+
"value": {
|
46156
|
+
"kind": "expression",
|
46157
|
+
"type": "string | number | boolean"
|
46158
|
+
}
|
46159
|
+
},
|
46160
|
+
{
|
46161
|
+
"name": "persistentPlaceholder",
|
46162
|
+
"description": "Forces placeholder to always be visible.",
|
46163
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46164
|
+
"default": "false",
|
46165
|
+
"value": {
|
46166
|
+
"kind": "expression",
|
46167
|
+
"type": "boolean"
|
46168
|
+
}
|
46169
|
+
},
|
46170
|
+
{
|
46171
|
+
"name": "persistentCounter",
|
46172
|
+
"description": "Forces counter to always be visible.",
|
46173
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46174
|
+
"default": "false",
|
46175
|
+
"value": {
|
46176
|
+
"kind": "expression",
|
46177
|
+
"type": "boolean"
|
46178
|
+
}
|
46179
|
+
},
|
46180
|
+
{
|
46181
|
+
"name": "suffix",
|
46182
|
+
"description": "Displays suffix text.",
|
46183
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46184
|
+
"value": {
|
46185
|
+
"kind": "expression",
|
46186
|
+
"type": "string"
|
46187
|
+
}
|
46188
|
+
},
|
46169
46189
|
{
|
46170
46190
|
"name": "appendInnerIcon",
|
46171
46191
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.",
|
@@ -46195,16 +46215,6 @@
|
|
46195
46215
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46196
46216
|
}
|
46197
46217
|
},
|
46198
|
-
{
|
46199
|
-
"name": "active",
|
46200
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
46201
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46202
|
-
"default": "false",
|
46203
|
-
"value": {
|
46204
|
-
"kind": "expression",
|
46205
|
-
"type": "boolean"
|
46206
|
-
}
|
46207
|
-
},
|
46208
46218
|
{
|
46209
46219
|
"name": "dirty",
|
46210
46220
|
"description": "Manually apply the dirty state styling.",
|
@@ -46244,16 +46254,6 @@
|
|
46244
46254
|
"type": "boolean"
|
46245
46255
|
}
|
46246
46256
|
},
|
46247
|
-
{
|
46248
|
-
"name": "loading",
|
46249
|
-
"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.",
|
46250
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46251
|
-
"default": "false",
|
46252
|
-
"value": {
|
46253
|
-
"kind": "expression",
|
46254
|
-
"type": "string | boolean"
|
46255
|
-
}
|
46256
|
-
},
|
46257
46257
|
{
|
46258
46258
|
"name": "counterValue",
|
46259
46259
|
"description": "Function returns the counter display text.",
|
@@ -46376,8 +46376,8 @@
|
|
46376
46376
|
],
|
46377
46377
|
"slots": [
|
46378
46378
|
{
|
46379
|
-
"name": "
|
46380
|
-
"description": "
|
46379
|
+
"name": "details",
|
46380
|
+
"description": "Slot for custom input details to modifying the display of [messages](#props-messages).",
|
46381
46381
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46382
46382
|
"vue-properties": [
|
46383
46383
|
{
|
@@ -46427,8 +46427,18 @@
|
|
46427
46427
|
]
|
46428
46428
|
},
|
46429
46429
|
{
|
46430
|
-
"name": "
|
46431
|
-
"description": "
|
46430
|
+
"name": "label",
|
46431
|
+
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
46432
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46433
|
+
},
|
46434
|
+
{
|
46435
|
+
"name": "clear",
|
46436
|
+
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
46437
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46438
|
+
},
|
46439
|
+
{
|
46440
|
+
"name": "prepend",
|
46441
|
+
"description": "Adds an item outside the input and before input content.",
|
46432
46442
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46433
46443
|
"vue-properties": [
|
46434
46444
|
{
|
@@ -46478,8 +46488,8 @@
|
|
46478
46488
|
]
|
46479
46489
|
},
|
46480
46490
|
{
|
46481
|
-
"name": "
|
46482
|
-
"description": "
|
46491
|
+
"name": "append",
|
46492
|
+
"description": "Adds an item inside the input and after input content.",
|
46483
46493
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46484
46494
|
"vue-properties": [
|
46485
46495
|
{
|
@@ -46528,6 +46538,21 @@
|
|
46528
46538
|
}
|
46529
46539
|
]
|
46530
46540
|
},
|
46541
|
+
{
|
46542
|
+
"name": "loader",
|
46543
|
+
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
46544
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46545
|
+
"vue-properties": [
|
46546
|
+
{
|
46547
|
+
"name": "color",
|
46548
|
+
"type": "string"
|
46549
|
+
},
|
46550
|
+
{
|
46551
|
+
"name": "isActive",
|
46552
|
+
"type": "boolean"
|
46553
|
+
}
|
46554
|
+
]
|
46555
|
+
},
|
46531
46556
|
{
|
46532
46557
|
"name": "message",
|
46533
46558
|
"description": "Slot used to customize the message content.",
|
@@ -46539,11 +46564,6 @@
|
|
46539
46564
|
}
|
46540
46565
|
]
|
46541
46566
|
},
|
46542
|
-
{
|
46543
|
-
"name": "clear",
|
46544
|
-
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
46545
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46546
|
-
},
|
46547
46567
|
{
|
46548
46568
|
"name": "prepend-inner",
|
46549
46569
|
"description": "Slot that is prepended to the input.",
|
@@ -46598,26 +46618,6 @@
|
|
46598
46618
|
}
|
46599
46619
|
]
|
46600
46620
|
},
|
46601
|
-
{
|
46602
|
-
"name": "label",
|
46603
|
-
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
46604
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46605
|
-
},
|
46606
|
-
{
|
46607
|
-
"name": "loader",
|
46608
|
-
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
46609
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46610
|
-
"vue-properties": [
|
46611
|
-
{
|
46612
|
-
"name": "color",
|
46613
|
-
"type": "string"
|
46614
|
-
},
|
46615
|
-
{
|
46616
|
-
"name": "isActive",
|
46617
|
-
"type": "boolean"
|
46618
|
-
}
|
46619
|
-
]
|
46620
|
-
},
|
46621
46621
|
{
|
46622
46622
|
"name": "default",
|
46623
46623
|
"description": "The default Vue slot.",
|
@@ -46668,27 +46668,27 @@
|
|
46668
46668
|
}
|
46669
46669
|
},
|
46670
46670
|
{
|
46671
|
-
"name": "
|
46672
|
-
"description": "
|
46671
|
+
"name": "modelValue",
|
46672
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
46673
46673
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46674
|
-
"default": "false",
|
46675
46674
|
"value": {
|
46676
46675
|
"kind": "expression",
|
46677
|
-
"type": "
|
46676
|
+
"type": "any"
|
46678
46677
|
}
|
46679
46678
|
},
|
46680
46679
|
{
|
46681
|
-
"name": "
|
46682
|
-
"description": "
|
46680
|
+
"name": "error",
|
46681
|
+
"description": "Puts the input in a manual error state.",
|
46683
46682
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46683
|
+
"default": "false",
|
46684
46684
|
"value": {
|
46685
46685
|
"kind": "expression",
|
46686
|
-
"type": "
|
46686
|
+
"type": "boolean"
|
46687
46687
|
}
|
46688
46688
|
},
|
46689
46689
|
{
|
46690
|
-
"name": "
|
46691
|
-
"description": "
|
46690
|
+
"name": "reverse",
|
46691
|
+
"description": "Reverses the orientation.",
|
46692
46692
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46693
46693
|
"default": "false",
|
46694
46694
|
"value": {
|
@@ -46697,148 +46697,147 @@
|
|
46697
46697
|
}
|
46698
46698
|
},
|
46699
46699
|
{
|
46700
|
-
"name": "
|
46701
|
-
"description": "
|
46700
|
+
"name": "density",
|
46701
|
+
"description": "Adjusts the vertical height used by the component.",
|
46702
46702
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46703
|
+
"default": "'default'",
|
46703
46704
|
"value": {
|
46704
46705
|
"kind": "expression",
|
46705
|
-
"type": "
|
46706
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
46706
46707
|
}
|
46707
46708
|
},
|
46708
46709
|
{
|
46709
|
-
"name": "
|
46710
|
-
"description": "
|
46710
|
+
"name": "maxWidth",
|
46711
|
+
"description": "Sets the maximum width for the component.",
|
46711
46712
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46712
46713
|
"value": {
|
46713
46714
|
"kind": "expression",
|
46714
|
-
"type": "string"
|
46715
|
+
"type": "string | number"
|
46715
46716
|
}
|
46716
46717
|
},
|
46717
46718
|
{
|
46718
|
-
"name": "
|
46719
|
-
"description": "Sets the
|
46719
|
+
"name": "minWidth",
|
46720
|
+
"description": "Sets the minimum width for the component.",
|
46720
46721
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46721
46722
|
"value": {
|
46722
46723
|
"kind": "expression",
|
46723
|
-
"type": "string"
|
46724
|
+
"type": "string | number"
|
46724
46725
|
}
|
46725
46726
|
},
|
46726
46727
|
{
|
46727
|
-
"name": "
|
46728
|
-
"description": "
|
46728
|
+
"name": "width",
|
46729
|
+
"description": "Sets the width for the component.",
|
46729
46730
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46730
|
-
"default": "false",
|
46731
46731
|
"value": {
|
46732
46732
|
"kind": "expression",
|
46733
|
-
"type": "
|
46733
|
+
"type": "string | number"
|
46734
46734
|
}
|
46735
46735
|
},
|
46736
46736
|
{
|
46737
|
-
"name": "
|
46738
|
-
"description": "
|
46737
|
+
"name": "rounded",
|
46738
|
+
"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).",
|
46739
46739
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46740
46740
|
"value": {
|
46741
46741
|
"kind": "expression",
|
46742
|
-
"type": "string"
|
46742
|
+
"type": "string | number | boolean"
|
46743
46743
|
}
|
46744
46744
|
},
|
46745
46745
|
{
|
46746
|
-
"name": "
|
46747
|
-
"description": "
|
46746
|
+
"name": "tile",
|
46747
|
+
"description": "Removes any applied **border-radius** from the component.",
|
46748
46748
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46749
|
+
"default": "false",
|
46749
46750
|
"value": {
|
46750
46751
|
"kind": "expression",
|
46751
|
-
"type": "
|
46752
|
+
"type": "boolean"
|
46752
46753
|
}
|
46753
46754
|
},
|
46754
46755
|
{
|
46755
|
-
"name": "
|
46756
|
-
"description": "
|
46756
|
+
"name": "theme",
|
46757
|
+
"description": "Specify a theme for this component and all of its children.",
|
46757
46758
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46758
46759
|
"value": {
|
46759
46760
|
"kind": "expression",
|
46760
|
-
"type": "
|
46761
|
+
"type": "string"
|
46761
46762
|
}
|
46762
46763
|
},
|
46763
46764
|
{
|
46764
|
-
"name": "
|
46765
|
-
"description": "
|
46765
|
+
"name": "color",
|
46766
|
+
"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).",
|
46766
46767
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46767
|
-
"default": "null",
|
46768
46768
|
"value": {
|
46769
46769
|
"kind": "expression",
|
46770
|
-
"type": "
|
46770
|
+
"type": "string"
|
46771
46771
|
}
|
46772
46772
|
},
|
46773
46773
|
{
|
46774
|
-
"name": "
|
46775
|
-
"description": "
|
46774
|
+
"name": "variant",
|
46775
|
+
"description": "Applies a distinct style to the component.",
|
46776
46776
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46777
|
-
"default": "'
|
46777
|
+
"default": "'filled'",
|
46778
46778
|
"value": {
|
46779
46779
|
"kind": "expression",
|
46780
|
-
"type": "'
|
46780
|
+
"type": "| 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'"
|
46781
46781
|
}
|
46782
46782
|
},
|
46783
46783
|
{
|
46784
|
-
"name": "
|
46785
|
-
"description": "Sets the
|
46784
|
+
"name": "name",
|
46785
|
+
"description": "Sets the component's name attribute.",
|
46786
46786
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46787
46787
|
"value": {
|
46788
46788
|
"kind": "expression",
|
46789
|
-
"type": "string
|
46789
|
+
"type": "string"
|
46790
46790
|
}
|
46791
46791
|
},
|
46792
46792
|
{
|
46793
|
-
"name": "
|
46794
|
-
"description": "Sets the
|
46793
|
+
"name": "label",
|
46794
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
46795
46795
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46796
46796
|
"value": {
|
46797
46797
|
"kind": "expression",
|
46798
|
-
"type": "string
|
46798
|
+
"type": "string"
|
46799
46799
|
}
|
46800
46800
|
},
|
46801
46801
|
{
|
46802
|
-
"name": "
|
46803
|
-
"description": "Sets the
|
46802
|
+
"name": "baseColor",
|
46803
|
+
"description": "Sets the color of the input when it is not focused.",
|
46804
46804
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46805
46805
|
"value": {
|
46806
46806
|
"kind": "expression",
|
46807
|
-
"type": "string
|
46807
|
+
"type": "string"
|
46808
46808
|
}
|
46809
46809
|
},
|
46810
46810
|
{
|
46811
|
-
"name": "
|
46812
|
-
"description": "
|
46811
|
+
"name": "bgColor",
|
46812
|
+
"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).",
|
46813
46813
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46814
|
-
"default": "null",
|
46815
46814
|
"value": {
|
46816
46815
|
"kind": "expression",
|
46817
|
-
"type": "
|
46816
|
+
"type": "string"
|
46818
46817
|
}
|
46819
46818
|
},
|
46820
46819
|
{
|
46821
|
-
"name": "
|
46822
|
-
"description": "
|
46820
|
+
"name": "disabled",
|
46821
|
+
"description": "Removes the ability to click or target the input.",
|
46823
46822
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46824
|
-
"default": "
|
46823
|
+
"default": "null",
|
46825
46824
|
"value": {
|
46826
46825
|
"kind": "expression",
|
46827
|
-
"type": "
|
46826
|
+
"type": "boolean"
|
46828
46827
|
}
|
46829
46828
|
},
|
46830
46829
|
{
|
46831
|
-
"name": "
|
46832
|
-
"description": "
|
46830
|
+
"name": "id",
|
46831
|
+
"description": "Sets the DOM id on the component.",
|
46833
46832
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46834
46833
|
"value": {
|
46835
46834
|
"kind": "expression",
|
46836
|
-
"type": "string
|
46835
|
+
"type": "string"
|
46837
46836
|
}
|
46838
46837
|
},
|
46839
46838
|
{
|
46840
|
-
"name": "
|
46841
|
-
"description": "
|
46839
|
+
"name": "autofocus",
|
46840
|
+
"description": "The element should be focused as soon as the page loads.",
|
46842
46841
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46843
46842
|
"default": "false",
|
46844
46843
|
"value": {
|
@@ -46847,68 +46846,69 @@
|
|
46847
46846
|
}
|
46848
46847
|
},
|
46849
46848
|
{
|
46850
|
-
"name": "
|
46851
|
-
"description": "
|
46849
|
+
"name": "counter",
|
46850
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
46852
46851
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46852
|
+
"default": "false",
|
46853
46853
|
"value": {
|
46854
46854
|
"kind": "expression",
|
46855
|
-
"type": "string"
|
46855
|
+
"type": "string | number | true"
|
46856
46856
|
}
|
46857
46857
|
},
|
46858
46858
|
{
|
46859
|
-
"name": "
|
46860
|
-
"description": "
|
46859
|
+
"name": "prefix",
|
46860
|
+
"description": "Displays prefix text.",
|
46861
46861
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46862
|
-
"default": "'filled'",
|
46863
46862
|
"value": {
|
46864
46863
|
"kind": "expression",
|
46865
|
-
"type": "
|
46864
|
+
"type": "string"
|
46866
46865
|
}
|
46867
46866
|
},
|
46868
46867
|
{
|
46869
|
-
"name": "
|
46870
|
-
"description": "
|
46868
|
+
"name": "placeholder",
|
46869
|
+
"description": "Sets the input's placeholder text.",
|
46871
46870
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46872
46871
|
"value": {
|
46873
46872
|
"kind": "expression",
|
46874
|
-
"type": "
|
46873
|
+
"type": "string"
|
46875
46874
|
}
|
46876
46875
|
},
|
46877
46876
|
{
|
46878
|
-
"name": "
|
46879
|
-
"description": "
|
46877
|
+
"name": "persistentPlaceholder",
|
46878
|
+
"description": "Forces placeholder to always be visible.",
|
46880
46879
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46880
|
+
"default": "false",
|
46881
46881
|
"value": {
|
46882
46882
|
"kind": "expression",
|
46883
|
-
"type": "
|
46883
|
+
"type": "boolean"
|
46884
46884
|
}
|
46885
46885
|
},
|
46886
46886
|
{
|
46887
|
-
"name": "
|
46888
|
-
"description": "
|
46887
|
+
"name": "persistentCounter",
|
46888
|
+
"description": "Forces counter to always be visible.",
|
46889
46889
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46890
|
+
"default": "false",
|
46890
46891
|
"value": {
|
46891
46892
|
"kind": "expression",
|
46892
|
-
"type": "
|
46893
|
+
"type": "boolean"
|
46893
46894
|
}
|
46894
46895
|
},
|
46895
46896
|
{
|
46896
|
-
"name": "
|
46897
|
-
"description": "
|
46897
|
+
"name": "suffix",
|
46898
|
+
"description": "Displays suffix text.",
|
46898
46899
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46899
|
-
"default": "'horizontal'",
|
46900
46900
|
"value": {
|
46901
46901
|
"kind": "expression",
|
46902
|
-
"type": "
|
46902
|
+
"type": "string"
|
46903
46903
|
}
|
46904
46904
|
},
|
46905
46905
|
{
|
46906
|
-
"name": "
|
46907
|
-
"description": "
|
46906
|
+
"name": "appendIcon",
|
46907
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
46908
46908
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46909
46909
|
"value": {
|
46910
46910
|
"kind": "expression",
|
46911
|
-
"type": "string"
|
46911
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46912
46912
|
}
|
46913
46913
|
},
|
46914
46914
|
{
|
@@ -46940,6 +46940,15 @@
|
|
46940
46940
|
"type": "string | boolean"
|
46941
46941
|
}
|
46942
46942
|
},
|
46943
|
+
{
|
46944
|
+
"name": "prependIcon",
|
46945
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
46946
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46947
|
+
"value": {
|
46948
|
+
"kind": "expression",
|
46949
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46950
|
+
}
|
46951
|
+
},
|
46943
46952
|
{
|
46944
46953
|
"name": "hideSpinButtons",
|
46945
46954
|
"description": "Hides spin buttons on the input when type is set to `number`.",
|
@@ -46979,6 +46988,16 @@
|
|
46979
46988
|
"type": "string | string[]"
|
46980
46989
|
}
|
46981
46990
|
},
|
46991
|
+
{
|
46992
|
+
"name": "direction",
|
46993
|
+
"description": "Changes the direction of the input.",
|
46994
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46995
|
+
"default": "'horizontal'",
|
46996
|
+
"value": {
|
46997
|
+
"kind": "expression",
|
46998
|
+
"type": "'horizontal' | 'vertical'"
|
46999
|
+
}
|
47000
|
+
},
|
46982
47001
|
{
|
46983
47002
|
"name": "errorMessages",
|
46984
47003
|
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation.",
|
@@ -46999,6 +47018,16 @@
|
|
46999
47018
|
"type": "string | number"
|
47000
47019
|
}
|
47001
47020
|
},
|
47021
|
+
{
|
47022
|
+
"name": "readonly",
|
47023
|
+
"description": "Puts input in readonly state.",
|
47024
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47025
|
+
"default": "null",
|
47026
|
+
"value": {
|
47027
|
+
"kind": "expression",
|
47028
|
+
"type": "boolean"
|
47029
|
+
}
|
47030
|
+
},
|
47002
47031
|
{
|
47003
47032
|
"name": "rules",
|
47004
47033
|
"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`.",
|
@@ -47047,55 +47076,6 @@
|
|
47047
47076
|
"type": "boolean | 'auto'"
|
47048
47077
|
}
|
47049
47078
|
},
|
47050
|
-
{
|
47051
|
-
"name": "autofocus",
|
47052
|
-
"description": "The element should be focused as soon as the page loads.",
|
47053
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47054
|
-
"default": "false",
|
47055
|
-
"value": {
|
47056
|
-
"kind": "expression",
|
47057
|
-
"type": "boolean"
|
47058
|
-
}
|
47059
|
-
},
|
47060
|
-
{
|
47061
|
-
"name": "counter",
|
47062
|
-
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
47063
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47064
|
-
"default": "false",
|
47065
|
-
"value": {
|
47066
|
-
"kind": "expression",
|
47067
|
-
"type": "string | number | true"
|
47068
|
-
}
|
47069
|
-
},
|
47070
|
-
{
|
47071
|
-
"name": "persistentPlaceholder",
|
47072
|
-
"description": "Forces placeholder to always be visible.",
|
47073
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47074
|
-
"default": "false",
|
47075
|
-
"value": {
|
47076
|
-
"kind": "expression",
|
47077
|
-
"type": "boolean"
|
47078
|
-
}
|
47079
|
-
},
|
47080
|
-
{
|
47081
|
-
"name": "persistentCounter",
|
47082
|
-
"description": "Forces counter to always be visible.",
|
47083
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47084
|
-
"default": "false",
|
47085
|
-
"value": {
|
47086
|
-
"kind": "expression",
|
47087
|
-
"type": "boolean"
|
47088
|
-
}
|
47089
|
-
},
|
47090
|
-
{
|
47091
|
-
"name": "suffix",
|
47092
|
-
"description": "Displays suffix text.",
|
47093
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47094
|
-
"value": {
|
47095
|
-
"kind": "expression",
|
47096
|
-
"type": "string"
|
47097
|
-
}
|
47098
|
-
},
|
47099
47079
|
{
|
47100
47080
|
"name": "appendInnerIcon",
|
47101
47081
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.",
|
@@ -47125,6 +47105,16 @@
|
|
47125
47105
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
47126
47106
|
}
|
47127
47107
|
},
|
47108
|
+
{
|
47109
|
+
"name": "active",
|
47110
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
47111
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47112
|
+
"default": "false",
|
47113
|
+
"value": {
|
47114
|
+
"kind": "expression",
|
47115
|
+
"type": "boolean"
|
47116
|
+
}
|
47117
|
+
},
|
47128
47118
|
{
|
47129
47119
|
"name": "dirty",
|
47130
47120
|
"description": "Manually apply the dirty state styling.",
|
@@ -47164,6 +47154,16 @@
|
|
47164
47154
|
"type": "boolean"
|
47165
47155
|
}
|
47166
47156
|
},
|
47157
|
+
{
|
47158
|
+
"name": "loading",
|
47159
|
+
"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.",
|
47160
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47161
|
+
"default": "false",
|
47162
|
+
"value": {
|
47163
|
+
"kind": "expression",
|
47164
|
+
"type": "string | boolean"
|
47165
|
+
}
|
47166
|
+
},
|
47167
47167
|
{
|
47168
47168
|
"name": "counterValue",
|
47169
47169
|
"description": "Display the input length but do not provide any validation.",
|
@@ -47325,8 +47325,8 @@
|
|
47325
47325
|
],
|
47326
47326
|
"slots": [
|
47327
47327
|
{
|
47328
|
-
"name": "
|
47329
|
-
"description": "
|
47328
|
+
"name": "prepend",
|
47329
|
+
"description": "Adds an item outside the input and before input content.",
|
47330
47330
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47331
47331
|
"vue-properties": [
|
47332
47332
|
{
|
@@ -47376,18 +47376,8 @@
|
|
47376
47376
|
]
|
47377
47377
|
},
|
47378
47378
|
{
|
47379
|
-
"name": "
|
47380
|
-
"description": "
|
47381
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47382
|
-
},
|
47383
|
-
{
|
47384
|
-
"name": "clear",
|
47385
|
-
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
47386
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47387
|
-
},
|
47388
|
-
{
|
47389
|
-
"name": "prepend",
|
47390
|
-
"description": "Adds an item outside the input and before input content.",
|
47379
|
+
"name": "append",
|
47380
|
+
"description": "Adds an item inside the input and after input content.",
|
47391
47381
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47392
47382
|
"vue-properties": [
|
47393
47383
|
{
|
@@ -47437,8 +47427,8 @@
|
|
47437
47427
|
]
|
47438
47428
|
},
|
47439
47429
|
{
|
47440
|
-
"name": "
|
47441
|
-
"description": "
|
47430
|
+
"name": "details",
|
47431
|
+
"description": "Slot for custom input details to modifying the display of [messages](#props-messages).",
|
47442
47432
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47443
47433
|
"vue-properties": [
|
47444
47434
|
{
|
@@ -47487,21 +47477,6 @@
|
|
47487
47477
|
}
|
47488
47478
|
]
|
47489
47479
|
},
|
47490
|
-
{
|
47491
|
-
"name": "loader",
|
47492
|
-
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
47493
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47494
|
-
"vue-properties": [
|
47495
|
-
{
|
47496
|
-
"name": "color",
|
47497
|
-
"type": "string"
|
47498
|
-
},
|
47499
|
-
{
|
47500
|
-
"name": "isActive",
|
47501
|
-
"type": "boolean"
|
47502
|
-
}
|
47503
|
-
]
|
47504
|
-
},
|
47505
47480
|
{
|
47506
47481
|
"name": "message",
|
47507
47482
|
"description": "Slot used to customize the message content.",
|
@@ -47513,6 +47488,11 @@
|
|
47513
47488
|
}
|
47514
47489
|
]
|
47515
47490
|
},
|
47491
|
+
{
|
47492
|
+
"name": "clear",
|
47493
|
+
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
47494
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47495
|
+
},
|
47516
47496
|
{
|
47517
47497
|
"name": "prepend-inner",
|
47518
47498
|
"description": "Slot that is prepended to the input.",
|
@@ -47567,6 +47547,26 @@
|
|
47567
47547
|
}
|
47568
47548
|
]
|
47569
47549
|
},
|
47550
|
+
{
|
47551
|
+
"name": "label",
|
47552
|
+
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
47553
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47554
|
+
},
|
47555
|
+
{
|
47556
|
+
"name": "loader",
|
47557
|
+
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
47558
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47559
|
+
"vue-properties": [
|
47560
|
+
{
|
47561
|
+
"name": "color",
|
47562
|
+
"type": "string"
|
47563
|
+
},
|
47564
|
+
{
|
47565
|
+
"name": "isActive",
|
47566
|
+
"type": "boolean"
|
47567
|
+
}
|
47568
|
+
]
|
47569
|
+
},
|
47570
47570
|
{
|
47571
47571
|
"name": "counter",
|
47572
47572
|
"description": "Slot for the input’s counter text.",
|
@@ -47653,6 +47653,16 @@
|
|
47653
47653
|
"description": "",
|
47654
47654
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker",
|
47655
47655
|
"attributes": [
|
47656
|
+
{
|
47657
|
+
"name": "tag",
|
47658
|
+
"description": "Specify a custom tag used on the root element.",
|
47659
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47660
|
+
"default": "'div'",
|
47661
|
+
"value": {
|
47662
|
+
"kind": "expression",
|
47663
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
47664
|
+
}
|
47665
|
+
},
|
47656
47666
|
{
|
47657
47667
|
"name": "title",
|
47658
47668
|
"description": "Specify a title text for the component.",
|
@@ -47664,22 +47674,32 @@
|
|
47664
47674
|
}
|
47665
47675
|
},
|
47666
47676
|
{
|
47667
|
-
"name": "
|
47668
|
-
"description": "
|
47677
|
+
"name": "theme",
|
47678
|
+
"description": "Specify a theme for this component and all of its children.",
|
47679
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47680
|
+
"value": {
|
47681
|
+
"kind": "expression",
|
47682
|
+
"type": "string"
|
47683
|
+
}
|
47684
|
+
},
|
47685
|
+
{
|
47686
|
+
"name": "readonly",
|
47687
|
+
"description": "Puts picker in readonly state.",
|
47669
47688
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47670
47689
|
"default": "false",
|
47671
47690
|
"value": {
|
47672
47691
|
"kind": "expression",
|
47673
|
-
"type": "
|
47692
|
+
"type": "boolean"
|
47674
47693
|
}
|
47675
47694
|
},
|
47676
47695
|
{
|
47677
|
-
"name": "
|
47678
|
-
"description": "
|
47696
|
+
"name": "border",
|
47697
|
+
"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).",
|
47679
47698
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47699
|
+
"default": "false",
|
47680
47700
|
"value": {
|
47681
47701
|
"kind": "expression",
|
47682
|
-
"type": "
|
47702
|
+
"type": "string | number | boolean"
|
47683
47703
|
}
|
47684
47704
|
},
|
47685
47705
|
{
|
@@ -47745,6 +47765,16 @@
|
|
47745
47765
|
"type": "string | number"
|
47746
47766
|
}
|
47747
47767
|
},
|
47768
|
+
{
|
47769
|
+
"name": "disabled",
|
47770
|
+
"description": "Removes the ability to click or target the component.",
|
47771
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47772
|
+
"default": "false",
|
47773
|
+
"value": {
|
47774
|
+
"kind": "expression",
|
47775
|
+
"type": "boolean"
|
47776
|
+
}
|
47777
|
+
},
|
47748
47778
|
{
|
47749
47779
|
"name": "location",
|
47750
47780
|
"description": "Specifies the component's location. Can combine by using a space separated string.",
|
@@ -47760,7 +47790,7 @@
|
|
47760
47790
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47761
47791
|
"value": {
|
47762
47792
|
"kind": "expression",
|
47763
|
-
"type": "'fixed' | '
|
47793
|
+
"type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'"
|
47764
47794
|
}
|
47765
47795
|
},
|
47766
47796
|
{
|
@@ -47783,18 +47813,17 @@
|
|
47783
47813
|
}
|
47784
47814
|
},
|
47785
47815
|
{
|
47786
|
-
"name": "
|
47787
|
-
"description": "
|
47816
|
+
"name": "color",
|
47817
|
+
"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).",
|
47788
47818
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47789
|
-
"default": "'div'",
|
47790
47819
|
"value": {
|
47791
47820
|
"kind": "expression",
|
47792
|
-
"type": "string
|
47821
|
+
"type": "string"
|
47793
47822
|
}
|
47794
47823
|
},
|
47795
47824
|
{
|
47796
|
-
"name": "
|
47797
|
-
"description": "
|
47825
|
+
"name": "max",
|
47826
|
+
"description": "Maximum allowed time.",
|
47798
47827
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47799
47828
|
"value": {
|
47800
47829
|
"kind": "expression",
|
@@ -47802,12 +47831,12 @@
|
|
47802
47831
|
}
|
47803
47832
|
},
|
47804
47833
|
{
|
47805
|
-
"name": "
|
47806
|
-
"description": "
|
47834
|
+
"name": "modelValue",
|
47835
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
47807
47836
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47808
47837
|
"value": {
|
47809
47838
|
"kind": "expression",
|
47810
|
-
"type": "
|
47839
|
+
"type": "any"
|
47811
47840
|
}
|
47812
47841
|
},
|
47813
47842
|
{
|
@@ -47820,8 +47849,8 @@
|
|
47820
47849
|
}
|
47821
47850
|
},
|
47822
47851
|
{
|
47823
|
-
"name": "
|
47824
|
-
"description": "
|
47852
|
+
"name": "scrollable",
|
47853
|
+
"description": "Allows changing hour/minute with mouse scroll.",
|
47825
47854
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47826
47855
|
"default": "false",
|
47827
47856
|
"value": {
|
@@ -47830,8 +47859,8 @@
|
|
47830
47859
|
}
|
47831
47860
|
},
|
47832
47861
|
{
|
47833
|
-
"name": "
|
47834
|
-
"description": "
|
47862
|
+
"name": "divided",
|
47863
|
+
"description": "Adds a divider between the header and controls.",
|
47835
47864
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47836
47865
|
"default": "false",
|
47837
47866
|
"value": {
|
@@ -47840,12 +47869,13 @@
|
|
47840
47869
|
}
|
47841
47870
|
},
|
47842
47871
|
{
|
47843
|
-
"name": "
|
47844
|
-
"description": "
|
47872
|
+
"name": "hideHeader",
|
47873
|
+
"description": "Hide the picker header.",
|
47845
47874
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47875
|
+
"default": "false",
|
47846
47876
|
"value": {
|
47847
47877
|
"kind": "expression",
|
47848
|
-
"type": "
|
47878
|
+
"type": "boolean"
|
47849
47879
|
}
|
47850
47880
|
},
|
47851
47881
|
{
|
@@ -47867,36 +47897,6 @@
|
|
47867
47897
|
"type": "'hour' | 'minute' | 'second'"
|
47868
47898
|
}
|
47869
47899
|
},
|
47870
|
-
{
|
47871
|
-
"name": "divided",
|
47872
|
-
"description": "Adds a divider between the header and controls.",
|
47873
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47874
|
-
"default": "false",
|
47875
|
-
"value": {
|
47876
|
-
"kind": "expression",
|
47877
|
-
"type": "boolean"
|
47878
|
-
}
|
47879
|
-
},
|
47880
|
-
{
|
47881
|
-
"name": "hideHeader",
|
47882
|
-
"description": "Hide the picker header.",
|
47883
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47884
|
-
"default": "false",
|
47885
|
-
"value": {
|
47886
|
-
"kind": "expression",
|
47887
|
-
"type": "boolean"
|
47888
|
-
}
|
47889
|
-
},
|
47890
|
-
{
|
47891
|
-
"name": "scrollable",
|
47892
|
-
"description": "Allows changing hour/minute with mouse scroll.",
|
47893
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47894
|
-
"default": "false",
|
47895
|
-
"value": {
|
47896
|
-
"kind": "expression",
|
47897
|
-
"type": "boolean"
|
47898
|
-
}
|
47899
|
-
},
|
47900
47900
|
{
|
47901
47901
|
"name": "ampmInTitle",
|
47902
47902
|
"description": "Place AM/PM switch in title, not near the clock.",
|
@@ -47967,17 +47967,6 @@
|
|
47967
47967
|
}
|
47968
47968
|
]
|
47969
47969
|
},
|
47970
|
-
{
|
47971
|
-
"name": "update:viewMode",
|
47972
|
-
"description": "Emitted when the view mode changes.",
|
47973
|
-
"doc-url": "https://vuetifyjs.com/api/v-time-picker#events",
|
47974
|
-
"arguments": [
|
47975
|
-
{
|
47976
|
-
"name": "argument",
|
47977
|
-
"type": "['hour' | 'minute' | 'second']\n"
|
47978
|
-
}
|
47979
|
-
]
|
47980
|
-
},
|
47981
47970
|
{
|
47982
47971
|
"name": "update:hour",
|
47983
47972
|
"description": "Emitted when user selects the hour.",
|
@@ -48021,6 +48010,17 @@
|
|
48021
48010
|
"type": "[number]\n"
|
48022
48011
|
}
|
48023
48012
|
]
|
48013
|
+
},
|
48014
|
+
{
|
48015
|
+
"name": "update:viewMode",
|
48016
|
+
"description": "Emitted when the view mode changes.",
|
48017
|
+
"doc-url": "https://vuetifyjs.com/api/v-time-picker#events",
|
48018
|
+
"arguments": [
|
48019
|
+
{
|
48020
|
+
"name": "argument",
|
48021
|
+
"type": "['hour' | 'minute' | 'second']\n"
|
48022
|
+
}
|
48023
|
+
]
|
48024
48024
|
}
|
48025
48025
|
],
|
48026
48026
|
"slots": [
|
@@ -48055,23 +48055,12 @@
|
|
48055
48055
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-clock",
|
48056
48056
|
"attributes": [
|
48057
48057
|
{
|
48058
|
-
"name": "
|
48059
|
-
"description": "
|
48060
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48061
|
-
"default": "false",
|
48062
|
-
"value": {
|
48063
|
-
"kind": "expression",
|
48064
|
-
"type": "boolean"
|
48065
|
-
}
|
48066
|
-
},
|
48067
|
-
{
|
48068
|
-
"name": "disabled",
|
48069
|
-
"description": "Removes the ability to click or target the component.",
|
48058
|
+
"name": "modelValue",
|
48059
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
48070
48060
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48071
|
-
"default": "false",
|
48072
48061
|
"value": {
|
48073
48062
|
"kind": "expression",
|
48074
|
-
"type": "
|
48063
|
+
"type": "number"
|
48075
48064
|
}
|
48076
48065
|
},
|
48077
48066
|
{
|
@@ -48084,31 +48073,32 @@
|
|
48084
48073
|
}
|
48085
48074
|
},
|
48086
48075
|
{
|
48087
|
-
"name": "
|
48088
|
-
"description": "
|
48076
|
+
"name": "disabled",
|
48077
|
+
"description": "Removes the ability to click or target the component.",
|
48089
48078
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48079
|
+
"default": "false",
|
48090
48080
|
"value": {
|
48091
48081
|
"kind": "expression",
|
48092
|
-
"type": "
|
48082
|
+
"type": "boolean"
|
48093
48083
|
}
|
48094
48084
|
},
|
48095
48085
|
{
|
48096
|
-
"name": "
|
48097
|
-
"description": "
|
48086
|
+
"name": "readonly",
|
48087
|
+
"description": "When true, the picker is in a read-only state, and users cannot modify the selected time.",
|
48098
48088
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48089
|
+
"default": "false",
|
48099
48090
|
"value": {
|
48100
48091
|
"kind": "expression",
|
48101
|
-
"type": "
|
48092
|
+
"type": "boolean"
|
48102
48093
|
}
|
48103
48094
|
},
|
48104
48095
|
{
|
48105
|
-
"name": "
|
48106
|
-
"description": "
|
48096
|
+
"name": "max",
|
48097
|
+
"description": "Defines the maximum time value that can be selected.",
|
48107
48098
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48108
|
-
"default": "false",
|
48109
48099
|
"value": {
|
48110
48100
|
"kind": "expression",
|
48111
|
-
"type": "
|
48101
|
+
"type": "number"
|
48112
48102
|
}
|
48113
48103
|
},
|
48114
48104
|
{
|
@@ -48140,6 +48130,16 @@
|
|
48140
48130
|
"type": "number"
|
48141
48131
|
}
|
48142
48132
|
},
|
48133
|
+
{
|
48134
|
+
"name": "scrollable",
|
48135
|
+
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs.",
|
48136
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48137
|
+
"default": "false",
|
48138
|
+
"value": {
|
48139
|
+
"kind": "expression",
|
48140
|
+
"type": "boolean"
|
48141
|
+
}
|
48142
|
+
},
|
48143
48143
|
{
|
48144
48144
|
"name": "ampm",
|
48145
48145
|
"description": "Displays time in a 12-hour format.",
|
@@ -48190,8 +48190,8 @@
|
|
48190
48190
|
],
|
48191
48191
|
"events": [
|
48192
48192
|
{
|
48193
|
-
"name": "
|
48194
|
-
"description": "The
|
48193
|
+
"name": "input",
|
48194
|
+
"description": "The updated bound model.",
|
48195
48195
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-clock#events",
|
48196
48196
|
"arguments": [
|
48197
48197
|
{
|
@@ -48201,8 +48201,8 @@
|
|
48201
48201
|
]
|
48202
48202
|
},
|
48203
48203
|
{
|
48204
|
-
"name": "
|
48205
|
-
"description": "The
|
48204
|
+
"name": "change",
|
48205
|
+
"description": "The event that is triggered when the selected time is changed.",
|
48206
48206
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-clock#events",
|
48207
48207
|
"arguments": [
|
48208
48208
|
{
|
@@ -48280,6 +48280,16 @@
|
|
48280
48280
|
"type": "'hour' | 'minute' | 'second'"
|
48281
48281
|
}
|
48282
48282
|
},
|
48283
|
+
{
|
48284
|
+
"name": "ampm",
|
48285
|
+
"description": "Enables AM/PM mode.",
|
48286
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48287
|
+
"default": "false",
|
48288
|
+
"value": {
|
48289
|
+
"kind": "expression",
|
48290
|
+
"type": "boolean"
|
48291
|
+
}
|
48292
|
+
},
|
48283
48293
|
{
|
48284
48294
|
"name": "ampmInTitle",
|
48285
48295
|
"description": "Displays AM/PM in the title.",
|
@@ -48291,8 +48301,8 @@
|
|
48291
48301
|
}
|
48292
48302
|
},
|
48293
48303
|
{
|
48294
|
-
"name": "
|
48295
|
-
"description": "
|
48304
|
+
"name": "ampmReadonly",
|
48305
|
+
"description": "Makes AM/PM controls readonly.",
|
48296
48306
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48297
48307
|
"default": "false",
|
48298
48308
|
"value": {
|
@@ -48337,16 +48347,6 @@
|
|
48337
48347
|
"type": "boolean"
|
48338
48348
|
}
|
48339
48349
|
},
|
48340
|
-
{
|
48341
|
-
"name": "ampmReadonly",
|
48342
|
-
"description": "Makes AM/PM controls readonly.",
|
48343
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48344
|
-
"default": "false",
|
48345
|
-
"value": {
|
48346
|
-
"kind": "expression",
|
48347
|
-
"type": "boolean"
|
48348
|
-
}
|
48349
|
-
},
|
48350
48350
|
{
|
48351
48351
|
"name": "period",
|
48352
48352
|
"description": "The current period value. either `am` or `pm`.",
|
@@ -49098,8 +49098,8 @@
|
|
49098
49098
|
"doc-url": "https://vuetifyjs.com/api/v-tooltip",
|
49099
49099
|
"attributes": [
|
49100
49100
|
{
|
49101
|
-
"name": "
|
49102
|
-
"description": "Specify
|
49101
|
+
"name": "theme",
|
49102
|
+
"description": "Specify a theme for this component and all of its children.",
|
49103
49103
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49104
49104
|
"value": {
|
49105
49105
|
"kind": "expression",
|
@@ -49107,13 +49107,21 @@
|
|
49107
49107
|
}
|
49108
49108
|
},
|
49109
49109
|
{
|
49110
|
-
"name": "
|
49111
|
-
"description": "
|
49110
|
+
"name": "id",
|
49111
|
+
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used.",
|
49112
49112
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49113
|
-
"default": "false",
|
49114
49113
|
"value": {
|
49115
49114
|
"kind": "expression",
|
49116
|
-
"type": "
|
49115
|
+
"type": "string"
|
49116
|
+
}
|
49117
|
+
},
|
49118
|
+
{
|
49119
|
+
"name": "text",
|
49120
|
+
"description": "Specify content text for the component.",
|
49121
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49122
|
+
"value": {
|
49123
|
+
"kind": "expression",
|
49124
|
+
"type": "string"
|
49117
49125
|
}
|
49118
49126
|
},
|
49119
49127
|
{
|
@@ -49172,42 +49180,43 @@
|
|
49172
49180
|
}
|
49173
49181
|
},
|
49174
49182
|
{
|
49175
|
-
"name": "
|
49176
|
-
"description": "
|
49183
|
+
"name": "disabled",
|
49184
|
+
"description": "Removes the ability to click or target the component.",
|
49177
49185
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49178
|
-
"default": "
|
49186
|
+
"default": "false",
|
49179
49187
|
"value": {
|
49180
49188
|
"kind": "expression",
|
49181
|
-
"type": "
|
49189
|
+
"type": "boolean"
|
49182
49190
|
}
|
49183
49191
|
},
|
49184
49192
|
{
|
49185
|
-
"name": "
|
49186
|
-
"description": "
|
49193
|
+
"name": "location",
|
49194
|
+
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both..",
|
49187
49195
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49196
|
+
"default": "'end'",
|
49188
49197
|
"value": {
|
49189
49198
|
"kind": "expression",
|
49190
|
-
"type": "
|
49199
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>"
|
49191
49200
|
}
|
49192
49201
|
},
|
49193
49202
|
{
|
49194
|
-
"name": "
|
49195
|
-
"description": "
|
49203
|
+
"name": "modelValue",
|
49204
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
49196
49205
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49197
|
-
"default": "
|
49206
|
+
"default": "false",
|
49198
49207
|
"value": {
|
49199
49208
|
"kind": "expression",
|
49200
49209
|
"type": "boolean"
|
49201
49210
|
}
|
49202
49211
|
},
|
49203
49212
|
{
|
49204
|
-
"name": "
|
49205
|
-
"description": "
|
49213
|
+
"name": "transition",
|
49214
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
49206
49215
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49207
49216
|
"default": "false",
|
49208
49217
|
"value": {
|
49209
49218
|
"kind": "expression",
|
49210
|
-
"type": "boolean"
|
49219
|
+
"type": "string | boolean | (TransitionProps & { component: Component })"
|
49211
49220
|
}
|
49212
49221
|
},
|
49213
49222
|
{
|
@@ -49219,15 +49228,6 @@
|
|
49219
49228
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance"
|
49220
49229
|
}
|
49221
49230
|
},
|
49222
|
-
{
|
49223
|
-
"name": "id",
|
49224
|
-
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used.",
|
49225
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49226
|
-
"value": {
|
49227
|
-
"kind": "expression",
|
49228
|
-
"type": "string"
|
49229
|
-
}
|
49230
|
-
},
|
49231
49231
|
{
|
49232
49232
|
"name": "closeOnBack",
|
49233
49233
|
"description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing.",
|
@@ -49381,6 +49381,16 @@
|
|
49381
49381
|
"type": "string | number"
|
49382
49382
|
}
|
49383
49383
|
},
|
49384
|
+
{
|
49385
|
+
"name": "eager",
|
49386
|
+
"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.",
|
49387
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49388
|
+
"default": "true",
|
49389
|
+
"value": {
|
49390
|
+
"kind": "expression",
|
49391
|
+
"type": "boolean"
|
49392
|
+
}
|
49393
|
+
},
|
49384
49394
|
{
|
49385
49395
|
"name": "locationStrategy",
|
49386
49396
|
"description": "A function used to specifies how the component should position relative to its activator.",
|
@@ -49418,17 +49428,7 @@
|
|
49418
49428
|
"default": "'reposition'",
|
49419
49429
|
"value": {
|
49420
49430
|
"kind": "expression",
|
49421
|
-
"type": "'close' | '
|
49422
|
-
}
|
49423
|
-
},
|
49424
|
-
{
|
49425
|
-
"name": "transition",
|
49426
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
49427
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49428
|
-
"default": "false",
|
49429
|
-
"value": {
|
49430
|
-
"kind": "expression",
|
49431
|
-
"type": "string | boolean | (TransitionProps & { component: Component })"
|
49431
|
+
"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>"
|
49432
49432
|
}
|
49433
49433
|
},
|
49434
49434
|
{
|
@@ -49521,36 +49521,18 @@
|
|
49521
49521
|
}
|
49522
49522
|
},
|
49523
49523
|
{
|
49524
|
-
"name": "
|
49525
|
-
"description": "
|
49526
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49527
|
-
"default": "'div'",
|
49528
|
-
"value": {
|
49529
|
-
"kind": "expression",
|
49530
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
49531
|
-
}
|
49532
|
-
},
|
49533
|
-
{
|
49534
|
-
"name": "activated",
|
49535
|
-
"description": "Array of ids of activated nodes.",
|
49536
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49537
|
-
"value": {
|
49538
|
-
"kind": "expression",
|
49539
|
-
"type": "any"
|
49540
|
-
}
|
49541
|
-
},
|
49542
|
-
{
|
49543
|
-
"name": "theme",
|
49544
|
-
"description": "Specify a theme for this component and all of its children.",
|
49524
|
+
"name": "border",
|
49525
|
+
"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).",
|
49545
49526
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49527
|
+
"default": "false",
|
49546
49528
|
"value": {
|
49547
49529
|
"kind": "expression",
|
49548
|
-
"type": "string"
|
49530
|
+
"type": "string | number | boolean"
|
49549
49531
|
}
|
49550
49532
|
},
|
49551
49533
|
{
|
49552
|
-
"name": "
|
49553
|
-
"description": "
|
49534
|
+
"name": "modelValue",
|
49535
|
+
"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`",
|
49554
49536
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49555
49537
|
"default": "[]",
|
49556
49538
|
"value": {
|
@@ -49558,44 +49540,6 @@
|
|
49558
49540
|
"type": "unknown[]"
|
49559
49541
|
}
|
49560
49542
|
},
|
49561
|
-
{
|
49562
|
-
"name": "activeColor",
|
49563
|
-
"description": "The applied color when the component is in an active state.",
|
49564
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49565
|
-
"value": {
|
49566
|
-
"kind": "expression",
|
49567
|
-
"type": "string"
|
49568
|
-
}
|
49569
|
-
},
|
49570
|
-
{
|
49571
|
-
"name": "baseColor",
|
49572
|
-
"description": "Sets the color of component when not focused.",
|
49573
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49574
|
-
"value": {
|
49575
|
-
"kind": "expression",
|
49576
|
-
"type": "string"
|
49577
|
-
}
|
49578
|
-
},
|
49579
|
-
{
|
49580
|
-
"name": "slim",
|
49581
|
-
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation.",
|
49582
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49583
|
-
"default": "true",
|
49584
|
-
"value": {
|
49585
|
-
"kind": "expression",
|
49586
|
-
"type": "boolean"
|
49587
|
-
}
|
49588
|
-
},
|
49589
|
-
{
|
49590
|
-
"name": "border",
|
49591
|
-
"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).",
|
49592
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49593
|
-
"default": "false",
|
49594
|
-
"value": {
|
49595
|
-
"kind": "expression",
|
49596
|
-
"type": "string | number | boolean"
|
49597
|
-
}
|
49598
|
-
},
|
49599
49543
|
{
|
49600
49544
|
"name": "density",
|
49601
49545
|
"description": "Adjusts the vertical height used by the component.",
|
@@ -49669,16 +49613,6 @@
|
|
49669
49613
|
"type": "string | number"
|
49670
49614
|
}
|
49671
49615
|
},
|
49672
|
-
{
|
49673
|
-
"name": "disabled",
|
49674
|
-
"description": "Disables selection for all nodes.",
|
49675
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49676
|
-
"default": "false",
|
49677
|
-
"value": {
|
49678
|
-
"kind": "expression",
|
49679
|
-
"type": "boolean"
|
49680
|
-
}
|
49681
|
-
},
|
49682
49616
|
{
|
49683
49617
|
"name": "rounded",
|
49684
49618
|
"description": "Provides an alternative active style for `v-treeview` node. Only visible when `activatable` is `true` and should not be used in conjunction with the `shaped` prop.",
|
@@ -49699,140 +49633,139 @@
|
|
49699
49633
|
}
|
49700
49634
|
},
|
49701
49635
|
{
|
49702
|
-
"name": "
|
49703
|
-
"description": "
|
49636
|
+
"name": "tag",
|
49637
|
+
"description": "Specify a custom tag used on the root element.",
|
49704
49638
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49639
|
+
"default": "'div'",
|
49705
49640
|
"value": {
|
49706
49641
|
"kind": "expression",
|
49707
|
-
"type": "string"
|
49642
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
49708
49643
|
}
|
49709
49644
|
},
|
49710
49645
|
{
|
49711
|
-
"name": "
|
49712
|
-
"description": "
|
49646
|
+
"name": "theme",
|
49647
|
+
"description": "Specify a theme for this component and all of its children.",
|
49713
49648
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49714
|
-
"default": "'text'",
|
49715
49649
|
"value": {
|
49716
49650
|
"kind": "expression",
|
49717
|
-
"type": "
|
49651
|
+
"type": "string"
|
49718
49652
|
}
|
49719
49653
|
},
|
49720
49654
|
{
|
49721
|
-
"name": "
|
49722
|
-
"description": "
|
49655
|
+
"name": "color",
|
49656
|
+
"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).",
|
49723
49657
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49724
|
-
"default": "[]",
|
49725
49658
|
"value": {
|
49726
49659
|
"kind": "expression",
|
49727
|
-
"type": "
|
49660
|
+
"type": "string"
|
49728
49661
|
}
|
49729
49662
|
},
|
49730
49663
|
{
|
49731
|
-
"name": "
|
49732
|
-
"description": "Applies
|
49664
|
+
"name": "variant",
|
49665
|
+
"description": "Applies a distinct style to the component.",
|
49733
49666
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49667
|
+
"default": "'text'",
|
49734
49668
|
"value": {
|
49735
49669
|
"kind": "expression",
|
49736
|
-
"type": "
|
49670
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
49737
49671
|
}
|
49738
49672
|
},
|
49739
49673
|
{
|
49740
|
-
"name": "
|
49741
|
-
"description": "
|
49674
|
+
"name": "activated",
|
49675
|
+
"description": "Array of ids of activated nodes.",
|
49742
49676
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49743
|
-
"default": "'one'",
|
49744
49677
|
"value": {
|
49745
49678
|
"kind": "expression",
|
49746
|
-
"type": "
|
49679
|
+
"type": "any"
|
49747
49680
|
}
|
49748
49681
|
},
|
49749
49682
|
{
|
49750
|
-
"name": "
|
49751
|
-
"description": "
|
49683
|
+
"name": "filterMode",
|
49684
|
+
"description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters.",
|
49752
49685
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49753
|
-
"default": "
|
49686
|
+
"default": "'intersection'",
|
49754
49687
|
"value": {
|
49755
49688
|
"kind": "expression",
|
49756
|
-
"type": "
|
49689
|
+
"type": "'every' | 'some' | 'union' | 'intersection'"
|
49757
49690
|
}
|
49758
49691
|
},
|
49759
49692
|
{
|
49760
|
-
"name": "
|
49761
|
-
"description": "
|
49693
|
+
"name": "noFilter",
|
49694
|
+
"description": "Disables all item filtering.",
|
49762
49695
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49696
|
+
"default": "false",
|
49763
49697
|
"value": {
|
49764
49698
|
"kind": "expression",
|
49765
49699
|
"type": "boolean"
|
49766
49700
|
}
|
49767
49701
|
},
|
49768
49702
|
{
|
49769
|
-
"name": "
|
49770
|
-
"description": "The
|
49703
|
+
"name": "customFilter",
|
49704
|
+
"description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted.",
|
49771
49705
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49772
49706
|
"value": {
|
49773
49707
|
"kind": "expression",
|
49774
|
-
"type": "
|
49708
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.tsx#L22-L22\" target=\"_blank\">FilterFunction</a>"
|
49775
49709
|
}
|
49776
49710
|
},
|
49777
49711
|
{
|
49778
|
-
"name": "
|
49779
|
-
"description": "
|
49712
|
+
"name": "customKeyFilter",
|
49713
|
+
"description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
|
49780
49714
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49781
49715
|
"value": {
|
49782
49716
|
"kind": "expression",
|
49783
|
-
"type": "
|
49717
|
+
"type": "unknown"
|
49784
49718
|
}
|
49785
49719
|
},
|
49786
49720
|
{
|
49787
|
-
"name": "
|
49788
|
-
"description": "
|
49721
|
+
"name": "filterKeys",
|
49722
|
+
"description": "Array of specific keys to filter on the item.",
|
49789
49723
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49790
|
-
"default": "'
|
49724
|
+
"default": "['title']",
|
49791
49725
|
"value": {
|
49792
49726
|
"kind": "expression",
|
49793
|
-
"type": "
|
49727
|
+
"type": "string | string[]"
|
49794
49728
|
}
|
49795
49729
|
},
|
49796
49730
|
{
|
49797
|
-
"name": "
|
49798
|
-
"description": "
|
49731
|
+
"name": "baseColor",
|
49732
|
+
"description": "Sets the color of component when not focused.",
|
49799
49733
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49800
49734
|
"value": {
|
49801
49735
|
"kind": "expression",
|
49802
|
-
"type": "
|
49736
|
+
"type": "string"
|
49803
49737
|
}
|
49804
49738
|
},
|
49805
49739
|
{
|
49806
|
-
"name": "
|
49807
|
-
"description": "The
|
49740
|
+
"name": "activeColor",
|
49741
|
+
"description": "The applied color when the component is in an active state.",
|
49808
49742
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49809
49743
|
"value": {
|
49810
49744
|
"kind": "expression",
|
49811
|
-
"type": "
|
49745
|
+
"type": "string"
|
49812
49746
|
}
|
49813
49747
|
},
|
49814
49748
|
{
|
49815
|
-
"name": "
|
49816
|
-
"description": "
|
49749
|
+
"name": "activeClass",
|
49750
|
+
"description": "The class applied to the component when it is in an active state.",
|
49817
49751
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49818
49752
|
"value": {
|
49819
49753
|
"kind": "expression",
|
49820
|
-
"type": "
|
49754
|
+
"type": "string"
|
49821
49755
|
}
|
49822
49756
|
},
|
49823
49757
|
{
|
49824
|
-
"name": "
|
49825
|
-
"description": "
|
49758
|
+
"name": "bgColor",
|
49759
|
+
"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).",
|
49826
49760
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49827
|
-
"default": "'intersection'",
|
49828
49761
|
"value": {
|
49829
49762
|
"kind": "expression",
|
49830
|
-
"type": "
|
49763
|
+
"type": "string"
|
49831
49764
|
}
|
49832
49765
|
},
|
49833
49766
|
{
|
49834
|
-
"name": "
|
49835
|
-
"description": "Disables all
|
49767
|
+
"name": "disabled",
|
49768
|
+
"description": "Disables selection for all nodes.",
|
49836
49769
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49837
49770
|
"default": "false",
|
49838
49771
|
"value": {
|
@@ -49841,51 +49774,43 @@
|
|
49841
49774
|
}
|
49842
49775
|
},
|
49843
49776
|
{
|
49844
|
-
"name": "
|
49845
|
-
"description": "
|
49846
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49847
|
-
"value": {
|
49848
|
-
"kind": "expression",
|
49849
|
-
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.tsx#L22-L22\" target=\"_blank\">FilterFunction</a>"
|
49850
|
-
}
|
49851
|
-
},
|
49852
|
-
{
|
49853
|
-
"name": "customKeyFilter",
|
49854
|
-
"description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
|
49777
|
+
"name": "expandIcon",
|
49778
|
+
"description": "Icon used to indicate that a node can be expanded.",
|
49855
49779
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49780
|
+
"default": "'$treeviewExpand'",
|
49856
49781
|
"value": {
|
49857
49782
|
"kind": "expression",
|
49858
|
-
"type": "
|
49783
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49859
49784
|
}
|
49860
49785
|
},
|
49861
49786
|
{
|
49862
|
-
"name": "
|
49863
|
-
"description": "
|
49787
|
+
"name": "collapseIcon",
|
49788
|
+
"description": "Icon to display when the list item is expanded.",
|
49864
49789
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49865
|
-
"default": "
|
49790
|
+
"default": "'$treeviewCollapse'",
|
49866
49791
|
"value": {
|
49867
49792
|
"kind": "expression",
|
49868
|
-
"type": "string | string[]"
|
49793
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49869
49794
|
}
|
49870
49795
|
},
|
49871
49796
|
{
|
49872
|
-
"name": "
|
49873
|
-
"description": "
|
49797
|
+
"name": "lines",
|
49798
|
+
"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.",
|
49874
49799
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49875
|
-
"default": "'
|
49800
|
+
"default": "'one'",
|
49876
49801
|
"value": {
|
49877
49802
|
"kind": "expression",
|
49878
|
-
"type": "
|
49803
|
+
"type": "false | 'one' | 'two' | 'three'"
|
49879
49804
|
}
|
49880
49805
|
},
|
49881
49806
|
{
|
49882
|
-
"name": "
|
49883
|
-
"description": "
|
49807
|
+
"name": "slim",
|
49808
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation.",
|
49884
49809
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49885
|
-
"default": "
|
49810
|
+
"default": "true",
|
49886
49811
|
"value": {
|
49887
49812
|
"kind": "expression",
|
49888
|
-
"type": "
|
49813
|
+
"type": "boolean"
|
49889
49814
|
}
|
49890
49815
|
},
|
49891
49816
|
{
|
@@ -49917,6 +49842,25 @@
|
|
49917
49842
|
"type": "any"
|
49918
49843
|
}
|
49919
49844
|
},
|
49845
|
+
{
|
49846
|
+
"name": "selected",
|
49847
|
+
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`.",
|
49848
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49849
|
+
"value": {
|
49850
|
+
"kind": "expression",
|
49851
|
+
"type": "any"
|
49852
|
+
}
|
49853
|
+
},
|
49854
|
+
{
|
49855
|
+
"name": "mandatory",
|
49856
|
+
"description": "Forces at least one item to always be selected (if available).",
|
49857
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49858
|
+
"default": "false",
|
49859
|
+
"value": {
|
49860
|
+
"kind": "expression",
|
49861
|
+
"type": "boolean"
|
49862
|
+
}
|
49863
|
+
},
|
49920
49864
|
{
|
49921
49865
|
"name": "activeStrategy",
|
49922
49866
|
"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.",
|
@@ -49936,6 +49880,16 @@
|
|
49936
49880
|
"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>)"
|
49937
49881
|
}
|
49938
49882
|
},
|
49883
|
+
{
|
49884
|
+
"name": "items",
|
49885
|
+
"description": "An array of items used to build the treeview.",
|
49886
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49887
|
+
"default": "[]",
|
49888
|
+
"value": {
|
49889
|
+
"kind": "expression",
|
49890
|
+
"type": "unknown[]"
|
49891
|
+
}
|
49892
|
+
},
|
49939
49893
|
{
|
49940
49894
|
"name": "itemTitle",
|
49941
49895
|
"description": "Property on supplied `items` that contains its title.",
|
@@ -49986,6 +49940,24 @@
|
|
49986
49940
|
"type": "boolean"
|
49987
49941
|
}
|
49988
49942
|
},
|
49943
|
+
{
|
49944
|
+
"name": "valueComparator",
|
49945
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop.",
|
49946
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49947
|
+
"value": {
|
49948
|
+
"kind": "expression",
|
49949
|
+
"type": "(a: any, b: any) => boolean"
|
49950
|
+
}
|
49951
|
+
},
|
49952
|
+
{
|
49953
|
+
"name": "openOnClick",
|
49954
|
+
"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.",
|
49955
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49956
|
+
"value": {
|
49957
|
+
"kind": "expression",
|
49958
|
+
"type": "boolean"
|
49959
|
+
}
|
49960
|
+
},
|
49989
49961
|
{
|
49990
49962
|
"name": "fluid",
|
49991
49963
|
"description": "Removes indentation from nested items.",
|
@@ -49996,6 +49968,24 @@
|
|
49996
49968
|
"type": "boolean"
|
49997
49969
|
}
|
49998
49970
|
},
|
49971
|
+
{
|
49972
|
+
"name": "falseIcon",
|
49973
|
+
"description": "The icon used when inactive.",
|
49974
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49975
|
+
"value": {
|
49976
|
+
"kind": "expression",
|
49977
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49978
|
+
}
|
49979
|
+
},
|
49980
|
+
{
|
49981
|
+
"name": "trueIcon",
|
49982
|
+
"description": "The icon used when active.",
|
49983
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49984
|
+
"value": {
|
49985
|
+
"kind": "expression",
|
49986
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49987
|
+
}
|
49988
|
+
},
|
49999
49989
|
{
|
50000
49990
|
"name": "openAll",
|
50001
49991
|
"description": "When `true` will cause all branch nodes to be opened when component is mounted.",
|
@@ -50016,6 +50006,16 @@
|
|
50016
50006
|
"type": "string"
|
50017
50007
|
}
|
50018
50008
|
},
|
50009
|
+
{
|
50010
|
+
"name": "indeterminateIcon",
|
50011
|
+
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`.",
|
50012
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
50013
|
+
"default": "'$checkboxIndeterminate'",
|
50014
|
+
"value": {
|
50015
|
+
"kind": "expression",
|
50016
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50017
|
+
}
|
50018
|
+
},
|
50019
50019
|
{
|
50020
50020
|
"name": "selectedColor",
|
50021
50021
|
"description": "The color of the selection checkbox.",
|
@@ -50105,13 +50105,13 @@
|
|
50105
50105
|
],
|
50106
50106
|
"slots": [
|
50107
50107
|
{
|
50108
|
-
"name": "
|
50109
|
-
"description": "
|
50108
|
+
"name": "prepend",
|
50109
|
+
"description": "Prepends content before label.",
|
50110
50110
|
"doc-url": "https://vuetifyjs.com/api/v-treeview#slots"
|
50111
50111
|
},
|
50112
50112
|
{
|
50113
|
-
"name": "
|
50114
|
-
"description": "
|
50113
|
+
"name": "title",
|
50114
|
+
"description": "Slot for the component's title content.",
|
50115
50115
|
"doc-url": "https://vuetifyjs.com/api/v-treeview#slots"
|
50116
50116
|
},
|
50117
50117
|
{
|
@@ -50188,15 +50188,6 @@
|
|
50188
50188
|
"description": "",
|
50189
50189
|
"doc-url": "https://vuetifyjs.com/api/v-treeview-group",
|
50190
50190
|
"attributes": [
|
50191
|
-
{
|
50192
|
-
"name": "title",
|
50193
|
-
"description": "Specify a title text for the component.",
|
50194
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50195
|
-
"value": {
|
50196
|
-
"kind": "expression",
|
50197
|
-
"type": "string"
|
50198
|
-
}
|
50199
|
-
},
|
50200
50191
|
{
|
50201
50192
|
"name": "tag",
|
50202
50193
|
"description": "Specify a custom tag used on the root element.",
|
@@ -50208,8 +50199,8 @@
|
|
50208
50199
|
}
|
50209
50200
|
},
|
50210
50201
|
{
|
50211
|
-
"name": "
|
50212
|
-
"description": "
|
50202
|
+
"name": "title",
|
50203
|
+
"description": "Specify a title text for the component.",
|
50213
50204
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50214
50205
|
"value": {
|
50215
50206
|
"kind": "expression",
|
@@ -50217,12 +50208,12 @@
|
|
50217
50208
|
}
|
50218
50209
|
},
|
50219
50210
|
{
|
50220
|
-
"name": "
|
50221
|
-
"description": "
|
50211
|
+
"name": "value",
|
50212
|
+
"description": "Expands / Collapse the list-group.",
|
50222
50213
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50223
50214
|
"value": {
|
50224
50215
|
"kind": "expression",
|
50225
|
-
"type": "
|
50216
|
+
"type": "any"
|
50226
50217
|
}
|
50227
50218
|
},
|
50228
50219
|
{
|
@@ -50235,47 +50226,56 @@
|
|
50235
50226
|
}
|
50236
50227
|
},
|
50237
50228
|
{
|
50238
|
-
"name": "
|
50239
|
-
"description": "
|
50229
|
+
"name": "baseColor",
|
50230
|
+
"description": "Sets the color of component when not focused.",
|
50231
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50232
|
+
"value": {
|
50233
|
+
"kind": "expression",
|
50234
|
+
"type": "string"
|
50235
|
+
}
|
50236
|
+
},
|
50237
|
+
{
|
50238
|
+
"name": "prependIcon",
|
50239
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
50240
50240
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50241
|
-
"default": "'$treeviewExpand'",
|
50242
50241
|
"value": {
|
50243
50242
|
"kind": "expression",
|
50244
50243
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50245
50244
|
}
|
50246
50245
|
},
|
50247
50246
|
{
|
50248
|
-
"name": "
|
50249
|
-
"description": "
|
50247
|
+
"name": "appendIcon",
|
50248
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
50250
50249
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50251
|
-
"default": "'$treeviewCollapse'",
|
50252
50250
|
"value": {
|
50253
50251
|
"kind": "expression",
|
50254
50252
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50255
50253
|
}
|
50256
50254
|
},
|
50257
50255
|
{
|
50258
|
-
"name": "
|
50259
|
-
"description": "
|
50256
|
+
"name": "color",
|
50257
|
+
"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).",
|
50260
50258
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50261
50259
|
"value": {
|
50262
50260
|
"kind": "expression",
|
50263
|
-
"type": "
|
50261
|
+
"type": "string"
|
50264
50262
|
}
|
50265
50263
|
},
|
50266
50264
|
{
|
50267
|
-
"name": "
|
50268
|
-
"description": "
|
50265
|
+
"name": "expandIcon",
|
50266
|
+
"description": "Icon to display when the list item is collapsed.",
|
50269
50267
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50268
|
+
"default": "'$treeviewExpand'",
|
50270
50269
|
"value": {
|
50271
50270
|
"kind": "expression",
|
50272
50271
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50273
50272
|
}
|
50274
50273
|
},
|
50275
50274
|
{
|
50276
|
-
"name": "
|
50277
|
-
"description": "
|
50275
|
+
"name": "collapseIcon",
|
50276
|
+
"description": "Icon to display when the list item is expanded.",
|
50278
50277
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50278
|
+
"default": "'$treeviewCollapse'",
|
50279
50279
|
"value": {
|
50280
50280
|
"kind": "expression",
|
50281
50281
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
@@ -50330,217 +50330,217 @@
|
|
50330
50330
|
"doc-url": "https://vuetifyjs.com/api/v-treeview-item",
|
50331
50331
|
"attributes": [
|
50332
50332
|
{
|
50333
|
-
"name": "
|
50334
|
-
"description": "
|
50333
|
+
"name": "title",
|
50334
|
+
"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.",
|
50335
50335
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50336
|
-
"default": "false",
|
50337
50336
|
"value": {
|
50338
50337
|
"kind": "expression",
|
50339
|
-
"type": "boolean"
|
50338
|
+
"type": "string | number | boolean"
|
50340
50339
|
}
|
50341
50340
|
},
|
50342
50341
|
{
|
50343
|
-
"name": "
|
50344
|
-
"description": "
|
50342
|
+
"name": "replace",
|
50343
|
+
"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.",
|
50345
50344
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50345
|
+
"default": "false",
|
50346
50346
|
"value": {
|
50347
50347
|
"kind": "expression",
|
50348
50348
|
"type": "boolean"
|
50349
50349
|
}
|
50350
50350
|
},
|
50351
50351
|
{
|
50352
|
-
"name": "
|
50353
|
-
"description": "
|
50352
|
+
"name": "link",
|
50353
|
+
"description": "Designates that the component is a link. This is automatic when using the href or to prop.",
|
50354
50354
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50355
|
-
"default": "'div'",
|
50356
50355
|
"value": {
|
50357
50356
|
"kind": "expression",
|
50358
|
-
"type": "
|
50357
|
+
"type": "boolean"
|
50359
50358
|
}
|
50360
50359
|
},
|
50361
50360
|
{
|
50362
|
-
"name": "
|
50363
|
-
"description": "
|
50361
|
+
"name": "border",
|
50362
|
+
"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).",
|
50364
50363
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50365
50364
|
"default": "false",
|
50366
50365
|
"value": {
|
50367
50366
|
"kind": "expression",
|
50368
|
-
"type": "boolean"
|
50367
|
+
"type": "string | number | boolean"
|
50369
50368
|
}
|
50370
50369
|
},
|
50371
50370
|
{
|
50372
|
-
"name": "
|
50373
|
-
"description": "
|
50371
|
+
"name": "density",
|
50372
|
+
"description": "Adjusts the vertical height used by the component.",
|
50374
50373
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50374
|
+
"default": "'default'",
|
50375
50375
|
"value": {
|
50376
50376
|
"kind": "expression",
|
50377
|
-
"type": "
|
50377
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
50378
50378
|
}
|
50379
50379
|
},
|
50380
50380
|
{
|
50381
|
-
"name": "
|
50382
|
-
"description": "
|
50381
|
+
"name": "height",
|
50382
|
+
"description": "Sets the height for the component.",
|
50383
50383
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50384
50384
|
"value": {
|
50385
50385
|
"kind": "expression",
|
50386
|
-
"type": "string"
|
50386
|
+
"type": "string | number"
|
50387
50387
|
}
|
50388
50388
|
},
|
50389
50389
|
{
|
50390
|
-
"name": "
|
50391
|
-
"description": "
|
50390
|
+
"name": "maxHeight",
|
50391
|
+
"description": "Sets the maximum height for the component.",
|
50392
50392
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50393
50393
|
"value": {
|
50394
50394
|
"kind": "expression",
|
50395
|
-
"type": "
|
50395
|
+
"type": "string | number"
|
50396
50396
|
}
|
50397
50397
|
},
|
50398
50398
|
{
|
50399
|
-
"name": "
|
50400
|
-
"description": "
|
50399
|
+
"name": "maxWidth",
|
50400
|
+
"description": "Sets the maximum width for the component.",
|
50401
50401
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50402
50402
|
"value": {
|
50403
50403
|
"kind": "expression",
|
50404
|
-
"type": "
|
50404
|
+
"type": "string | number"
|
50405
50405
|
}
|
50406
50406
|
},
|
50407
50407
|
{
|
50408
|
-
"name": "
|
50409
|
-
"description": "
|
50408
|
+
"name": "minHeight",
|
50409
|
+
"description": "Sets the minimum height for the component.",
|
50410
50410
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50411
50411
|
"value": {
|
50412
50412
|
"kind": "expression",
|
50413
|
-
"type": "string"
|
50413
|
+
"type": "string | number"
|
50414
50414
|
}
|
50415
50415
|
},
|
50416
50416
|
{
|
50417
|
-
"name": "
|
50418
|
-
"description": "Sets the
|
50417
|
+
"name": "minWidth",
|
50418
|
+
"description": "Sets the minimum width for the component.",
|
50419
50419
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50420
50420
|
"value": {
|
50421
50421
|
"kind": "expression",
|
50422
|
-
"type": "string"
|
50422
|
+
"type": "string | number"
|
50423
50423
|
}
|
50424
50424
|
},
|
50425
50425
|
{
|
50426
|
-
"name": "
|
50427
|
-
"description": "
|
50426
|
+
"name": "width",
|
50427
|
+
"description": "Sets the width for the component.",
|
50428
50428
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50429
50429
|
"value": {
|
50430
50430
|
"kind": "expression",
|
50431
|
-
"type": "
|
50431
|
+
"type": "string | number"
|
50432
50432
|
}
|
50433
50433
|
},
|
50434
50434
|
{
|
50435
|
-
"name": "
|
50436
|
-
"description": "
|
50435
|
+
"name": "elevation",
|
50436
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
50437
50437
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50438
50438
|
"value": {
|
50439
50439
|
"kind": "expression",
|
50440
|
-
"type": "
|
50440
|
+
"type": "string | number"
|
50441
50441
|
}
|
50442
50442
|
},
|
50443
50443
|
{
|
50444
|
-
"name": "
|
50445
|
-
"description": "
|
50444
|
+
"name": "rounded",
|
50445
|
+
"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).",
|
50446
50446
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50447
|
-
"default": "true",
|
50448
50447
|
"value": {
|
50449
50448
|
"kind": "expression",
|
50450
|
-
"type": "boolean"
|
50449
|
+
"type": "string | number | boolean"
|
50451
50450
|
}
|
50452
50451
|
},
|
50453
50452
|
{
|
50454
|
-
"name": "
|
50455
|
-
"description": "
|
50453
|
+
"name": "tile",
|
50454
|
+
"description": "Removes any applied **border-radius** from the component.",
|
50456
50455
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50457
|
-
"default": "
|
50456
|
+
"default": "false",
|
50458
50457
|
"value": {
|
50459
50458
|
"kind": "expression",
|
50460
|
-
"type": "boolean
|
50459
|
+
"type": "boolean"
|
50461
50460
|
}
|
50462
50461
|
},
|
50463
50462
|
{
|
50464
|
-
"name": "
|
50465
|
-
"description": "
|
50463
|
+
"name": "tag",
|
50464
|
+
"description": "Specify a custom tag used on the root element.",
|
50466
50465
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50467
|
-
"default": "
|
50466
|
+
"default": "'div'",
|
50468
50467
|
"value": {
|
50469
50468
|
"kind": "expression",
|
50470
|
-
"type": "string |
|
50469
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
50471
50470
|
}
|
50472
50471
|
},
|
50473
50472
|
{
|
50474
|
-
"name": "
|
50475
|
-
"description": "
|
50473
|
+
"name": "theme",
|
50474
|
+
"description": "Specify a theme for this component and all of its children.",
|
50476
50475
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50477
|
-
"default": "'default'",
|
50478
50476
|
"value": {
|
50479
50477
|
"kind": "expression",
|
50480
|
-
"type": "
|
50478
|
+
"type": "string"
|
50481
50479
|
}
|
50482
50480
|
},
|
50483
50481
|
{
|
50484
|
-
"name": "
|
50485
|
-
"description": "
|
50482
|
+
"name": "color",
|
50483
|
+
"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),",
|
50486
50484
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50487
50485
|
"value": {
|
50488
50486
|
"kind": "expression",
|
50489
|
-
"type": "string
|
50487
|
+
"type": "string"
|
50490
50488
|
}
|
50491
50489
|
},
|
50492
50490
|
{
|
50493
|
-
"name": "
|
50494
|
-
"description": "
|
50491
|
+
"name": "variant",
|
50492
|
+
"description": "Applies a distinct style to the component.",
|
50495
50493
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50494
|
+
"default": "'text'",
|
50496
50495
|
"value": {
|
50497
50496
|
"kind": "expression",
|
50498
|
-
"type": "
|
50497
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
50499
50498
|
}
|
50500
50499
|
},
|
50501
50500
|
{
|
50502
|
-
"name": "
|
50503
|
-
"description": "
|
50501
|
+
"name": "exact",
|
50502
|
+
"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.",
|
50504
50503
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50504
|
+
"default": "false",
|
50505
50505
|
"value": {
|
50506
50506
|
"kind": "expression",
|
50507
|
-
"type": "
|
50507
|
+
"type": "boolean"
|
50508
50508
|
}
|
50509
50509
|
},
|
50510
50510
|
{
|
50511
|
-
"name": "
|
50512
|
-
"description": "
|
50511
|
+
"name": "subtitle",
|
50512
|
+
"description": "Specify a subtitle text for the component.",
|
50513
50513
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50514
50514
|
"value": {
|
50515
50515
|
"kind": "expression",
|
50516
|
-
"type": "string | number"
|
50516
|
+
"type": "string | number | boolean"
|
50517
50517
|
}
|
50518
50518
|
},
|
50519
50519
|
{
|
50520
|
-
"name": "
|
50521
|
-
"description": "Sets the
|
50520
|
+
"name": "baseColor",
|
50521
|
+
"description": "Sets the color of component when not focused.",
|
50522
50522
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50523
50523
|
"value": {
|
50524
50524
|
"kind": "expression",
|
50525
|
-
"type": "string
|
50525
|
+
"type": "string"
|
50526
50526
|
}
|
50527
50527
|
},
|
50528
50528
|
{
|
50529
|
-
"name": "
|
50530
|
-
"description": "
|
50529
|
+
"name": "activeColor",
|
50530
|
+
"description": "The applied color when the component is in an active state.",
|
50531
50531
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50532
50532
|
"value": {
|
50533
50533
|
"kind": "expression",
|
50534
|
-
"type": "string
|
50534
|
+
"type": "string"
|
50535
50535
|
}
|
50536
50536
|
},
|
50537
50537
|
{
|
50538
|
-
"name": "
|
50539
|
-
"description": "
|
50538
|
+
"name": "activeClass",
|
50539
|
+
"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.",
|
50540
50540
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50541
50541
|
"value": {
|
50542
50542
|
"kind": "expression",
|
50543
|
-
"type": "string
|
50543
|
+
"type": "string"
|
50544
50544
|
}
|
50545
50545
|
},
|
50546
50546
|
{
|
@@ -50554,27 +50554,28 @@
|
|
50554
50554
|
}
|
50555
50555
|
},
|
50556
50556
|
{
|
50557
|
-
"name": "
|
50558
|
-
"description": "
|
50557
|
+
"name": "lines",
|
50558
|
+
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop.",
|
50559
50559
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50560
50560
|
"default": "false",
|
50561
50561
|
"value": {
|
50562
50562
|
"kind": "expression",
|
50563
|
-
"type": "
|
50563
|
+
"type": "false | 'one' | 'two' | 'three'"
|
50564
50564
|
}
|
50565
50565
|
},
|
50566
50566
|
{
|
50567
|
-
"name": "
|
50568
|
-
"description": "
|
50567
|
+
"name": "slim",
|
50568
|
+
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact.",
|
50569
50569
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50570
|
+
"default": "true",
|
50570
50571
|
"value": {
|
50571
50572
|
"kind": "expression",
|
50572
|
-
"type": "
|
50573
|
+
"type": "boolean"
|
50573
50574
|
}
|
50574
50575
|
},
|
50575
50576
|
{
|
50576
|
-
"name": "
|
50577
|
-
"description": "
|
50577
|
+
"name": "nav",
|
50578
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius.",
|
50578
50579
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50579
50580
|
"default": "false",
|
50580
50581
|
"value": {
|
@@ -50583,78 +50584,77 @@
|
|
50583
50584
|
}
|
50584
50585
|
},
|
50585
50586
|
{
|
50586
|
-
"name": "
|
50587
|
-
"description": "
|
50587
|
+
"name": "value",
|
50588
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected.",
|
50588
50589
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50589
50590
|
"value": {
|
50590
50591
|
"kind": "expression",
|
50591
|
-
"type": "
|
50592
|
+
"type": "any"
|
50592
50593
|
}
|
50593
50594
|
},
|
50594
50595
|
{
|
50595
|
-
"name": "
|
50596
|
-
"description": "
|
50596
|
+
"name": "appendIcon",
|
50597
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
50597
50598
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50598
|
-
"default": "false",
|
50599
50599
|
"value": {
|
50600
50600
|
"kind": "expression",
|
50601
|
-
"type": "
|
50601
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50602
50602
|
}
|
50603
50603
|
},
|
50604
50604
|
{
|
50605
|
-
"name": "
|
50606
|
-
"description": "
|
50605
|
+
"name": "prependIcon",
|
50606
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content.",
|
50607
50607
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50608
50608
|
"value": {
|
50609
50609
|
"kind": "expression",
|
50610
|
-
"type": "string |
|
50610
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
50611
50611
|
}
|
50612
50612
|
},
|
50613
50613
|
{
|
50614
|
-
"name": "
|
50615
|
-
"description": "
|
50614
|
+
"name": "active",
|
50615
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
50616
50616
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50617
50617
|
"value": {
|
50618
50618
|
"kind": "expression",
|
50619
|
-
"type": "
|
50619
|
+
"type": "boolean"
|
50620
50620
|
}
|
50621
50621
|
},
|
50622
50622
|
{
|
50623
|
-
"name": "
|
50624
|
-
"description": "
|
50623
|
+
"name": "loading",
|
50624
|
+
"description": "Places the v-treeview-item into a loading state.",
|
50625
50625
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50626
|
-
"default": "
|
50626
|
+
"default": "false",
|
50627
50627
|
"value": {
|
50628
50628
|
"kind": "expression",
|
50629
|
-
"type": "
|
50629
|
+
"type": "boolean"
|
50630
50630
|
}
|
50631
50631
|
},
|
50632
50632
|
{
|
50633
|
-
"name": "
|
50634
|
-
"description": "
|
50633
|
+
"name": "href",
|
50634
|
+
"description": "Designates the component as anchor and applies the **href** attribute.",
|
50635
50635
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50636
|
-
"default": "false",
|
50637
50636
|
"value": {
|
50638
50637
|
"kind": "expression",
|
50639
|
-
"type": "
|
50638
|
+
"type": "string"
|
50640
50639
|
}
|
50641
50640
|
},
|
50642
50641
|
{
|
50643
|
-
"name": "
|
50644
|
-
"description": "
|
50642
|
+
"name": "to",
|
50643
|
+
"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.",
|
50645
50644
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50646
50645
|
"value": {
|
50647
50646
|
"kind": "expression",
|
50648
|
-
"type": "string"
|
50647
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric"
|
50649
50648
|
}
|
50650
50649
|
},
|
50651
50650
|
{
|
50652
|
-
"name": "
|
50653
|
-
"description": "
|
50651
|
+
"name": "ripple",
|
50652
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
50654
50653
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50654
|
+
"default": "true",
|
50655
50655
|
"value": {
|
50656
50656
|
"kind": "expression",
|
50657
|
-
"type": "
|
50657
|
+
"type": "boolean | { class: string }"
|
50658
50658
|
}
|
50659
50659
|
},
|
50660
50660
|
{
|
@@ -50829,12 +50829,12 @@
|
|
50829
50829
|
"doc-url": "https://vuetifyjs.com/api/v-validation",
|
50830
50830
|
"attributes": [
|
50831
50831
|
{
|
50832
|
-
"name": "
|
50833
|
-
"description": "
|
50832
|
+
"name": "name",
|
50833
|
+
"description": "Sets the component's name attribute.",
|
50834
50834
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50835
50835
|
"value": {
|
50836
50836
|
"kind": "expression",
|
50837
|
-
"type": "
|
50837
|
+
"type": "string"
|
50838
50838
|
}
|
50839
50839
|
},
|
50840
50840
|
{
|
@@ -50848,8 +50848,8 @@
|
|
50848
50848
|
}
|
50849
50849
|
},
|
50850
50850
|
{
|
50851
|
-
"name": "
|
50852
|
-
"description": "Sets the
|
50851
|
+
"name": "label",
|
50852
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
50853
50853
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50854
50854
|
"value": {
|
50855
50855
|
"kind": "expression",
|
@@ -50857,12 +50857,13 @@
|
|
50857
50857
|
}
|
50858
50858
|
},
|
50859
50859
|
{
|
50860
|
-
"name": "
|
50861
|
-
"description": "
|
50860
|
+
"name": "readonly",
|
50861
|
+
"description": "Puts input in readonly state.",
|
50862
50862
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50863
|
+
"default": "null",
|
50863
50864
|
"value": {
|
50864
50865
|
"kind": "expression",
|
50865
|
-
"type": "
|
50866
|
+
"type": "boolean"
|
50866
50867
|
}
|
50867
50868
|
},
|
50868
50869
|
{
|
@@ -50875,6 +50876,15 @@
|
|
50875
50876
|
"type": "boolean"
|
50876
50877
|
}
|
50877
50878
|
},
|
50879
|
+
{
|
50880
|
+
"name": "modelValue",
|
50881
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
50882
|
+
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50883
|
+
"value": {
|
50884
|
+
"kind": "expression",
|
50885
|
+
"type": "unknown"
|
50886
|
+
}
|
50887
|
+
},
|
50878
50888
|
{
|
50879
50889
|
"name": "errorMessages",
|
50880
50890
|
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation.",
|
@@ -50895,16 +50905,6 @@
|
|
50895
50905
|
"type": "string | number"
|
50896
50906
|
}
|
50897
50907
|
},
|
50898
|
-
{
|
50899
|
-
"name": "readonly",
|
50900
|
-
"description": "Puts input in readonly state.",
|
50901
|
-
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50902
|
-
"default": "null",
|
50903
|
-
"value": {
|
50904
|
-
"kind": "expression",
|
50905
|
-
"type": "boolean"
|
50906
|
-
}
|
50907
|
-
},
|
50908
50908
|
{
|
50909
50909
|
"name": "rules",
|
50910
50910
|
"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`.",
|
@@ -51035,6 +51035,16 @@
|
|
51035
51035
|
"description": "",
|
51036
51036
|
"doc-url": "https://vuetifyjs.com/api/v-virtual-scroll",
|
51037
51037
|
"attributes": [
|
51038
|
+
{
|
51039
|
+
"name": "items",
|
51040
|
+
"description": "The array of items to display.",
|
51041
|
+
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51042
|
+
"default": "[]",
|
51043
|
+
"value": {
|
51044
|
+
"kind": "expression",
|
51045
|
+
"type": "unknown[]"
|
51046
|
+
}
|
51047
|
+
},
|
51038
51048
|
{
|
51039
51049
|
"name": "height",
|
51040
51050
|
"description": "Height of the component as a css value/",
|
@@ -51090,13 +51100,13 @@
|
|
51090
51100
|
}
|
51091
51101
|
},
|
51092
51102
|
{
|
51093
|
-
"name": "
|
51094
|
-
"description": "The
|
51103
|
+
"name": "renderless",
|
51104
|
+
"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;`",
|
51095
51105
|
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51096
|
-
"default": "
|
51106
|
+
"default": "false",
|
51097
51107
|
"value": {
|
51098
51108
|
"kind": "expression",
|
51099
|
-
"type": "
|
51109
|
+
"type": "boolean"
|
51100
51110
|
}
|
51101
51111
|
},
|
51102
51112
|
{
|
@@ -51118,16 +51128,6 @@
|
|
51118
51128
|
"kind": "expression",
|
51119
51129
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
51120
51130
|
}
|
51121
|
-
},
|
51122
|
-
{
|
51123
|
-
"name": "renderless",
|
51124
|
-
"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;`",
|
51125
|
-
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51126
|
-
"default": "false",
|
51127
|
-
"value": {
|
51128
|
-
"kind": "expression",
|
51129
|
-
"type": "boolean"
|
51130
|
-
}
|
51131
51131
|
}
|
51132
51132
|
],
|
51133
51133
|
"events": [],
|