@vuetify/nightly 3.8.1-dev.2025-04-07 → 3.8.1-dev.2025-04-13
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 +13 -3
- package/dist/json/attributes.json +710 -710
- package/dist/json/importMap-labs.json +20 -20
- package/dist/json/importMap.json +166 -166
- package/dist/json/web-types.json +1330 -1330
- package/dist/vuetify-labs.cjs +97 -28
- package/dist/vuetify-labs.css +4302 -4302
- package/dist/vuetify-labs.d.ts +61 -56
- package/dist/vuetify-labs.esm.js +98 -29
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +97 -28
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +97 -28
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +5418 -5418
- package/dist/vuetify.d.ts +61 -56
- package/dist/vuetify.esm.js +98 -29
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +97 -28
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +1160 -1156
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VOverlay/VOverlay.css +1 -1
- package/lib/components/VOverlay/_variables.scss +1 -1
- package/lib/composables/theme.d.ts +6 -1
- package/lib/composables/theme.js +94 -26
- package/lib/composables/theme.js.map +1 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +61 -56
- package/lib/framework.js +1 -1
- package/lib/util/globals.d.ts +1 -0
- package/lib/util/globals.js +1 -0
- package/lib/util/globals.js.map +1 -1
- package/package.json +1 -1
@@ -431,6 +431,10 @@
|
|
431
431
|
"type": "string\n",
|
432
432
|
"description": "Sets the DOM id on the component."
|
433
433
|
},
|
434
|
+
"VAutocomplete/prefix": {
|
435
|
+
"type": "string\n",
|
436
|
+
"description": "Displays prefix text."
|
437
|
+
},
|
434
438
|
"VAutocomplete/auto-select-first": {
|
435
439
|
"type": "boolean | 'exact'\n",
|
436
440
|
"description": "When searching, will always highlight the first option and select it on blur. `exact` will only highlight and select exact matches."
|
@@ -599,10 +603,6 @@
|
|
599
603
|
"type": "string | number | boolean\n",
|
600
604
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
601
605
|
},
|
602
|
-
"VAutocomplete/prefix": {
|
603
|
-
"type": "string\n",
|
604
|
-
"description": "Displays prefix text."
|
605
|
-
},
|
606
606
|
"VAutocomplete/placeholder": {
|
607
607
|
"type": "string\n",
|
608
608
|
"description": "Sets the input’s placeholder text."
|
@@ -7995,6 +7995,10 @@
|
|
7995
7995
|
"type": "string\n",
|
7996
7996
|
"description": "Sets the DOM id on the component."
|
7997
7997
|
},
|
7998
|
+
"VNumberInput/prefix": {
|
7999
|
+
"type": "string\n",
|
8000
|
+
"description": "Displays prefix text."
|
8001
|
+
},
|
7998
8002
|
"VNumberInput/base-color": {
|
7999
8003
|
"type": "string\n",
|
8000
8004
|
"description": "Sets the color of the input when it is not focused."
|
@@ -8051,10 +8055,6 @@
|
|
8051
8055
|
"type": "string | number | boolean\n",
|
8052
8056
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
8053
8057
|
},
|
8054
|
-
"VNumberInput/prefix": {
|
8055
|
-
"type": "string\n",
|
8056
|
-
"description": "Displays prefix text."
|
8057
|
-
},
|
8058
8058
|
"VNumberInput/placeholder": {
|
8059
8059
|
"type": "string\n",
|
8060
8060
|
"description": "Sets the input’s placeholder text."
|
@@ -10927,21 +10927,9 @@
|
|
10927
10927
|
"type": "string | number | boolean\n",
|
10928
10928
|
"description": "Number of px to use as a corner radius. `true` defaults to 8, `false` is 0."
|
10929
10929
|
},
|
10930
|
-
"VSpeedDial/
|
10931
|
-
"type": "string\n",
|
10932
|
-
"description": "Specify a theme for this component and all of its children."
|
10933
|
-
},
|
10934
|
-
"VSpeedDial/id": {
|
10935
|
-
"type": "string\n",
|
10936
|
-
"description": "The unique identifier of the component."
|
10937
|
-
},
|
10938
|
-
"VSpeedDial/eager": {
|
10939
|
-
"type": "boolean\n",
|
10940
|
-
"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."
|
10941
|
-
},
|
10942
|
-
"VSpeedDial/disabled": {
|
10930
|
+
"VSpeedDial/model-value": {
|
10943
10931
|
"type": "boolean\n",
|
10944
|
-
"description": "
|
10932
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
10945
10933
|
},
|
10946
10934
|
"VSpeedDial/height": {
|
10947
10935
|
"type": "string | number\n",
|
@@ -10961,20 +10949,32 @@
|
|
10961
10949
|
},
|
10962
10950
|
"VSpeedDial/min-width": {
|
10963
10951
|
"type": "string | number\n",
|
10964
|
-
"description": "Sets the minimum width for the component.
|
10952
|
+
"description": "Sets the minimum width for the component."
|
10965
10953
|
},
|
10966
10954
|
"VSpeedDial/width": {
|
10967
10955
|
"type": "string | number\n",
|
10968
10956
|
"description": "Sets the width for the component."
|
10969
10957
|
},
|
10958
|
+
"VSpeedDial/location": {
|
10959
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
10960
|
+
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
10961
|
+
},
|
10962
|
+
"VSpeedDial/theme": {
|
10963
|
+
"type": "string\n",
|
10964
|
+
"description": "Specify a theme for this component and all of its children."
|
10965
|
+
},
|
10966
|
+
"VSpeedDial/disabled": {
|
10967
|
+
"type": "boolean\n",
|
10968
|
+
"description": "Removes the ability to click or target the component."
|
10969
|
+
},
|
10970
|
+
"VSpeedDial/transition": {
|
10971
|
+
"type": " | string\n | boolean\n | (TransitionProps & { component: Component })\n | { component: Component }\n",
|
10972
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
10973
|
+
},
|
10970
10974
|
"VSpeedDial/activator": {
|
10971
10975
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
10972
10976
|
"description": "Explicitly sets the overlay's activator."
|
10973
10977
|
},
|
10974
|
-
"VSpeedDial/submenu": {
|
10975
|
-
"type": "boolean\n",
|
10976
|
-
"description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
|
10977
|
-
},
|
10978
10978
|
"VSpeedDial/close-on-back": {
|
10979
10979
|
"type": "boolean\n",
|
10980
10980
|
"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."
|
@@ -10999,10 +10999,6 @@
|
|
10999
10999
|
"type": "boolean\n",
|
11000
11000
|
"description": "Disables the bounce effect when clicking outside of the content element when using the persistent prop."
|
11001
11001
|
},
|
11002
|
-
"VSpeedDial/model-value": {
|
11003
|
-
"type": "boolean\n",
|
11004
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
11005
|
-
},
|
11006
11002
|
"VSpeedDial/persistent": {
|
11007
11003
|
"type": "boolean\n",
|
11008
11004
|
"description": "Clicking outside of the element or pressing esc key will not deactivate it."
|
@@ -11025,7 +11021,7 @@
|
|
11025
11021
|
},
|
11026
11022
|
"VSpeedDial/open-on-click": {
|
11027
11023
|
"type": "boolean\n",
|
11028
|
-
"description": "
|
11024
|
+
"description": "Activate the component when the activator is clicked."
|
11029
11025
|
},
|
11030
11026
|
"VSpeedDial/open-on-hover": {
|
11031
11027
|
"type": "boolean\n",
|
@@ -11037,24 +11033,24 @@
|
|
11037
11033
|
},
|
11038
11034
|
"VSpeedDial/close-on-content-click": {
|
11039
11035
|
"type": "boolean\n",
|
11040
|
-
"description": "
|
11036
|
+
"description": "Closes component when you click on its content."
|
11041
11037
|
},
|
11042
11038
|
"VSpeedDial/close-delay": {
|
11043
11039
|
"type": "string | number\n",
|
11044
|
-
"description": "Milliseconds to wait before closing component. Only
|
11040
|
+
"description": "Milliseconds to wait before closing component. Only applies to hover and focus events."
|
11045
11041
|
},
|
11046
11042
|
"VSpeedDial/open-delay": {
|
11047
11043
|
"type": "string | number\n",
|
11048
|
-
"description": "Milliseconds to wait before opening component. Only
|
11044
|
+
"description": "Milliseconds to wait before opening component. Only applies to hover and focus events."
|
11045
|
+
},
|
11046
|
+
"VSpeedDial/eager": {
|
11047
|
+
"type": "boolean\n",
|
11048
|
+
"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."
|
11049
11049
|
},
|
11050
11050
|
"VSpeedDial/location-strategy": {
|
11051
11051
|
"type": "'static' | 'connected' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/locationStrategies.ts#L36-L40\" target=\"_blank\">LocationStrategyFunction</a>\n",
|
11052
11052
|
"description": "A function used to specifies how the component should position relative to its activator."
|
11053
11053
|
},
|
11054
|
-
"VSpeedDial/location": {
|
11055
|
-
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
11056
|
-
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
11057
|
-
},
|
11058
11054
|
"VSpeedDial/origin": {
|
11059
11055
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a> | 'auto' | 'overlap'\n",
|
11060
11056
|
"description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
|
@@ -11064,29 +11060,57 @@
|
|
11064
11060
|
"description": "A single value that offsets content away from the target based upon what side it is on."
|
11065
11061
|
},
|
11066
11062
|
"VSpeedDial/scroll-strategy": {
|
11067
|
-
"type": "'close' | '
|
11063
|
+
"type": "'close' | 'block' | 'none' | 'reposition' | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VOverlay/scrollStrategies.ts#L17-L17\" target=\"_blank\">ScrollStrategyFunction</a>\n",
|
11068
11064
|
"description": "Strategy used when the component is activate and user scrolls."
|
11069
11065
|
},
|
11070
|
-
"VSpeedDial/transition": {
|
11071
|
-
"type": " | string\n | boolean\n | (TransitionProps & { component: Component })\n | { component: Component }\n",
|
11072
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
11073
|
-
},
|
11074
11066
|
"VSpeedDial/attach": {
|
11075
11067
|
"type": "string | boolean | Element\n",
|
11076
|
-
"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.
|
11068
|
+
"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."
|
11069
|
+
},
|
11070
|
+
"VSpeedDial/id": {
|
11071
|
+
"type": "string\n",
|
11072
|
+
"description": "The unique identifier of the component."
|
11073
|
+
},
|
11074
|
+
"VSpeedDial/submenu": {
|
11075
|
+
"type": "boolean\n",
|
11076
|
+
"description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
|
11077
11077
|
},
|
11078
11078
|
"VStepper/flat": {
|
11079
11079
|
"type": "boolean\n",
|
11080
11080
|
"description": "Removes the stepper's elevation."
|
11081
11081
|
},
|
11082
|
+
"VStepper/tag": {
|
11083
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11084
|
+
"description": "Specify a custom tag used on the root element."
|
11085
|
+
},
|
11086
|
+
"VStepper/theme": {
|
11087
|
+
"type": "string\n",
|
11088
|
+
"description": "Specify a theme for this component and all of its children."
|
11089
|
+
},
|
11090
|
+
"VStepper/items": {
|
11091
|
+
"type": "(string | Record<string, any>)[]\n",
|
11092
|
+
"description": "An array of strings or objects used for automatically generating children components."
|
11093
|
+
},
|
11094
|
+
"VStepper/bg-color": {
|
11095
|
+
"type": "string\n",
|
11096
|
+
"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)."
|
11097
|
+
},
|
11098
|
+
"VStepper/disabled": {
|
11099
|
+
"type": "boolean\n",
|
11100
|
+
"description": "Puts all children components into a disabled state."
|
11101
|
+
},
|
11102
|
+
"VStepper/multiple": {
|
11103
|
+
"type": "boolean\n",
|
11104
|
+
"description": "Allows one to select multiple items."
|
11105
|
+
},
|
11106
|
+
"VStepper/mandatory": {
|
11107
|
+
"type": "boolean | 'force'\n",
|
11108
|
+
"description": "Forces at least one item to always be selected (if available)."
|
11109
|
+
},
|
11082
11110
|
"VStepper/border": {
|
11083
11111
|
"type": "string | number | boolean\n",
|
11084
11112
|
"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)."
|
11085
11113
|
},
|
11086
|
-
"VStepper/model-value": {
|
11087
|
-
"type": "any\n",
|
11088
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
11089
|
-
},
|
11090
11114
|
"VStepper/height": {
|
11091
11115
|
"type": "string | number\n",
|
11092
11116
|
"description": "Sets the height for the component."
|
@@ -11115,13 +11139,13 @@
|
|
11115
11139
|
"type": "string | number\n",
|
11116
11140
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11117
11141
|
},
|
11118
|
-
"VStepper/
|
11119
|
-
"type": "
|
11120
|
-
"description": "
|
11142
|
+
"VStepper/item-title": {
|
11143
|
+
"type": "string\n",
|
11144
|
+
"description": "Property on supplied `items` that contains its title."
|
11121
11145
|
},
|
11122
|
-
"VStepper/
|
11123
|
-
"type": "
|
11124
|
-
"description": "
|
11146
|
+
"VStepper/item-value": {
|
11147
|
+
"type": "string\n",
|
11148
|
+
"description": "Property on supplied `items` that contains its value."
|
11125
11149
|
},
|
11126
11150
|
"VStepper/rounded": {
|
11127
11151
|
"type": "string | number | boolean\n",
|
@@ -11131,76 +11155,52 @@
|
|
11131
11155
|
"type": "boolean\n",
|
11132
11156
|
"description": "Removes any applied **border-radius** from the component."
|
11133
11157
|
},
|
11134
|
-
"VStepper/tag": {
|
11135
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
11136
|
-
"description": "Specify a custom tag used on the root element."
|
11137
|
-
},
|
11138
|
-
"VStepper/theme": {
|
11139
|
-
"type": "string\n",
|
11140
|
-
"description": "Specify a theme for this component and all of its children."
|
11141
|
-
},
|
11142
11158
|
"VStepper/color": {
|
11143
11159
|
"type": "string\n",
|
11144
11160
|
"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)."
|
11145
11161
|
},
|
11146
|
-
"VStepper/
|
11147
|
-
"type": "
|
11148
|
-
"description": "
|
11162
|
+
"VStepper/model-value": {
|
11163
|
+
"type": "any\n",
|
11164
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
11149
11165
|
},
|
11150
|
-
"VStepper/
|
11151
|
-
"type": "
|
11152
|
-
"description": "
|
11166
|
+
"VStepper/location": {
|
11167
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
11168
|
+
"description": "Specifies the component's location. Can combine by using a space separated string."
|
11153
11169
|
},
|
11154
11170
|
"VStepper/max": {
|
11155
11171
|
"type": "number\n",
|
11156
11172
|
"description": "Sets a maximum number of selections that can be made."
|
11157
11173
|
},
|
11158
|
-
"VStepper/bg-color": {
|
11159
|
-
"type": "string\n",
|
11160
|
-
"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)."
|
11161
|
-
},
|
11162
11174
|
"VStepper/mobile": {
|
11163
11175
|
"type": "boolean\n",
|
11164
11176
|
"description": "Forces the stepper into a mobile state, removing labels from stepper items."
|
11165
11177
|
},
|
11166
|
-
"VStepper/
|
11167
|
-
"type": "
|
11168
|
-
"description": "
|
11178
|
+
"VStepper/position": {
|
11179
|
+
"type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
|
11180
|
+
"description": "Sets the position for the component."
|
11169
11181
|
},
|
11170
|
-
"VStepper/
|
11182
|
+
"VStepper/hide-actions": {
|
11171
11183
|
"type": "boolean\n",
|
11172
|
-
"description": "
|
11173
|
-
},
|
11174
|
-
"VStepper/mandatory": {
|
11175
|
-
"type": "boolean | 'force'\n",
|
11176
|
-
"description": "Forces at least one item to always be selected (if available)."
|
11177
|
-
},
|
11178
|
-
"VStepper/items": {
|
11179
|
-
"type": "(string | Record<string, any>)[]\n",
|
11180
|
-
"description": "An array of strings or objects used for automatically generating children components."
|
11184
|
+
"description": "Hide actions bar (prev and next buttons)."
|
11181
11185
|
},
|
11182
|
-
"VStepper/
|
11183
|
-
"type": "
|
11184
|
-
"description": "
|
11186
|
+
"VStepper/mobile-breakpoint": {
|
11187
|
+
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
|
11188
|
+
"description": "Overrides the display configuration default screen size that the component should be considered in mobile."
|
11185
11189
|
},
|
11186
|
-
"VStepper/
|
11190
|
+
"VStepper/selected-class": {
|
11187
11191
|
"type": "string\n",
|
11188
|
-
"description": "
|
11189
|
-
},
|
11190
|
-
"VStepper/hide-actions": {
|
11191
|
-
"type": "boolean\n",
|
11192
|
-
"description": "Hide actions bar (prev and next buttons)."
|
11192
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
11193
11193
|
},
|
11194
11194
|
"VStepper/alt-labels": {
|
11195
11195
|
"type": "boolean\n",
|
11196
11196
|
"description": "Places the labels beneath the step."
|
11197
11197
|
},
|
11198
11198
|
"VStepper/complete-icon": {
|
11199
|
-
"type": " | string\n | (
|
11199
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11200
11200
|
"description": "Icon to display when step is marked as completed."
|
11201
11201
|
},
|
11202
11202
|
"VStepper/edit-icon": {
|
11203
|
-
"type": " | string\n | (
|
11203
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11204
11204
|
"description": "Icon to display when step is editable."
|
11205
11205
|
},
|
11206
11206
|
"VStepper/editable": {
|
@@ -11208,7 +11208,7 @@
|
|
11208
11208
|
"description": "Marks step as editable."
|
11209
11209
|
},
|
11210
11210
|
"VStepper/error-icon": {
|
11211
|
-
"type": " | string\n | (
|
11211
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11212
11212
|
"description": "Icon to display when step has an error."
|
11213
11213
|
},
|
11214
11214
|
"VStepper/non-linear": {
|
@@ -11223,14 +11223,14 @@
|
|
11223
11223
|
"type": "string\n",
|
11224
11224
|
"description": "The text used for the Next button."
|
11225
11225
|
},
|
11226
|
-
"VStepperActions/disabled": {
|
11227
|
-
"type": "boolean | 'next' | 'prev'\n",
|
11228
|
-
"description": "Removes the ability to click or target the component."
|
11229
|
-
},
|
11230
11226
|
"VStepperActions/color": {
|
11231
11227
|
"type": "string\n",
|
11232
11228
|
"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)."
|
11233
11229
|
},
|
11230
|
+
"VStepperActions/disabled": {
|
11231
|
+
"type": "boolean | 'prev' | 'next'\n",
|
11232
|
+
"description": "Removes the ability to click or target the component."
|
11233
|
+
},
|
11234
11234
|
"VStepperActions/prev-text": {
|
11235
11235
|
"type": "string\n",
|
11236
11236
|
"description": "The text used for the Prev button."
|
@@ -11283,26 +11283,26 @@
|
|
11283
11283
|
"type": "boolean | { class: string }\n",
|
11284
11284
|
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11285
11285
|
},
|
11286
|
-
"VStepperItem/complete": {
|
11287
|
-
"type": "boolean\n",
|
11288
|
-
"description": "Marks step as complete."
|
11289
|
-
},
|
11290
11286
|
"VStepperItem/complete-icon": {
|
11291
11287
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11292
11288
|
"description": "Icon to display when step is marked as completed."
|
11293
11289
|
},
|
11294
|
-
"VStepperItem/editable": {
|
11295
|
-
"type": "boolean\n",
|
11296
|
-
"description": "Marks step as editable."
|
11297
|
-
},
|
11298
11290
|
"VStepperItem/edit-icon": {
|
11299
11291
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11300
11292
|
"description": "Icon to display when step is editable."
|
11301
11293
|
},
|
11294
|
+
"VStepperItem/editable": {
|
11295
|
+
"type": "boolean\n",
|
11296
|
+
"description": "Marks step as editable."
|
11297
|
+
},
|
11302
11298
|
"VStepperItem/error-icon": {
|
11303
11299
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11304
11300
|
"description": "Icon to display when step has an error."
|
11305
11301
|
},
|
11302
|
+
"VStepperItem/complete": {
|
11303
|
+
"type": "boolean\n",
|
11304
|
+
"description": "Marks step as complete."
|
11305
|
+
},
|
11306
11306
|
"VStepperVertical/flat": {
|
11307
11307
|
"type": "boolean\n",
|
11308
11308
|
"description": "Removes the expansion-panel's elevation and borders."
|
@@ -11407,6 +11407,14 @@
|
|
11407
11407
|
"type": "boolean\n",
|
11408
11408
|
"description": "Hide the expand icon in the content title."
|
11409
11409
|
},
|
11410
|
+
"VStepperVertical/prev-text": {
|
11411
|
+
"type": "string\n",
|
11412
|
+
"description": "The text used for the Prev button."
|
11413
|
+
},
|
11414
|
+
"VStepperVertical/next-text": {
|
11415
|
+
"type": "string\n",
|
11416
|
+
"description": "The text used for the Next button."
|
11417
|
+
},
|
11410
11418
|
"VStepperVertical/alt-labels": {
|
11411
11419
|
"type": "boolean\n",
|
11412
11420
|
"description": "Places the labels beneath the step."
|
@@ -11431,14 +11439,6 @@
|
|
11431
11439
|
"type": "boolean\n",
|
11432
11440
|
"description": "Allow user to jump to any step."
|
11433
11441
|
},
|
11434
|
-
"VStepperVertical/prev-text": {
|
11435
|
-
"type": "string\n",
|
11436
|
-
"description": "The text used for the Prev button."
|
11437
|
-
},
|
11438
|
-
"VStepperVertical/next-text": {
|
11439
|
-
"type": "string\n",
|
11440
|
-
"description": "The text used for the Next button."
|
11441
|
-
},
|
11442
11442
|
"VStepperVertical/focusable": {
|
11443
11443
|
"type": "boolean\n",
|
11444
11444
|
"description": "Makes the expansion-panel headers focusable."
|
@@ -11575,26 +11575,26 @@
|
|
11575
11575
|
"type": "boolean | { class: string }\n",
|
11576
11576
|
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11577
11577
|
},
|
11578
|
-
"VStepperVerticalItem/complete": {
|
11579
|
-
"type": "boolean\n",
|
11580
|
-
"description": "Marks step as complete."
|
11581
|
-
},
|
11582
11578
|
"VStepperVerticalItem/complete-icon": {
|
11583
11579
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11584
11580
|
"description": "Icon to display when step is marked as completed."
|
11585
11581
|
},
|
11586
|
-
"VStepperVerticalItem/editable": {
|
11587
|
-
"type": "boolean\n",
|
11588
|
-
"description": "Marks step as editable."
|
11589
|
-
},
|
11590
11582
|
"VStepperVerticalItem/edit-icon": {
|
11591
11583
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11592
11584
|
"description": "Icon to display when step is editable."
|
11593
11585
|
},
|
11586
|
+
"VStepperVerticalItem/editable": {
|
11587
|
+
"type": "boolean\n",
|
11588
|
+
"description": "Marks step as editable."
|
11589
|
+
},
|
11594
11590
|
"VStepperVerticalItem/error-icon": {
|
11595
11591
|
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11596
11592
|
"description": "Icon to display when step has an error."
|
11597
11593
|
},
|
11594
|
+
"VStepperVerticalItem/complete": {
|
11595
|
+
"type": "boolean\n",
|
11596
|
+
"description": "Marks step as complete."
|
11597
|
+
},
|
11598
11598
|
"VStepperWindow/model-value": {
|
11599
11599
|
"type": "any\n",
|
11600
11600
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
@@ -11627,34 +11627,34 @@
|
|
11627
11627
|
"type": "any\n",
|
11628
11628
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11629
11629
|
},
|
11630
|
+
"VStepperWindowItem/eager": {
|
11631
|
+
"type": "boolean\n",
|
11632
|
+
"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."
|
11633
|
+
},
|
11630
11634
|
"VStepperWindowItem/disabled": {
|
11631
11635
|
"type": "boolean\n",
|
11632
11636
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
11633
11637
|
},
|
11634
|
-
"VStepperWindowItem/selected-class": {
|
11635
|
-
"type": "string\n",
|
11636
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
11637
|
-
},
|
11638
11638
|
"VStepperWindowItem/transition": {
|
11639
11639
|
"type": "string | boolean\n",
|
11640
11640
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
11641
11641
|
},
|
11642
|
-
"VStepperWindowItem/eager": {
|
11643
|
-
"type": "boolean\n",
|
11644
|
-
"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."
|
11645
|
-
},
|
11646
11642
|
"VStepperWindowItem/reverse-transition": {
|
11647
11643
|
"type": "string | boolean\n",
|
11648
11644
|
"description": "Sets the reverse transition."
|
11649
11645
|
},
|
11650
|
-
"
|
11651
|
-
"type": "string
|
11652
|
-
"description": "
|
11646
|
+
"VStepperWindowItem/selected-class": {
|
11647
|
+
"type": "string\n",
|
11648
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
11653
11649
|
},
|
11654
11650
|
"VSvgIcon/icon": {
|
11655
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
11651
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11656
11652
|
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
11657
11653
|
},
|
11654
|
+
"VSvgIcon/tag": {
|
11655
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11656
|
+
"description": "Specify a custom tag used on the root element."
|
11657
|
+
},
|
11658
11658
|
"VSwitch/flat": {
|
11659
11659
|
"type": "boolean\n",
|
11660
11660
|
"description": "Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it."
|
@@ -11663,14 +11663,42 @@
|
|
11663
11663
|
"type": "string\n",
|
11664
11664
|
"description": "Provides the default type for children selection controls."
|
11665
11665
|
},
|
11666
|
-
"VSwitch/
|
11667
|
-
"type": "
|
11668
|
-
"description": "
|
11666
|
+
"VSwitch/name": {
|
11667
|
+
"type": "string\n",
|
11668
|
+
"description": "Sets the component's name attribute."
|
11669
11669
|
},
|
11670
11670
|
"VSwitch/error": {
|
11671
11671
|
"type": "boolean\n",
|
11672
11672
|
"description": "Puts the input in a manual error state."
|
11673
11673
|
},
|
11674
|
+
"VSwitch/label": {
|
11675
|
+
"type": "string\n",
|
11676
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
11677
|
+
},
|
11678
|
+
"VSwitch/theme": {
|
11679
|
+
"type": "string\n",
|
11680
|
+
"description": "Specify a theme for this component and all of its children."
|
11681
|
+
},
|
11682
|
+
"VSwitch/id": {
|
11683
|
+
"type": "string\n",
|
11684
|
+
"description": "Sets the DOM id on the component."
|
11685
|
+
},
|
11686
|
+
"VSwitch/value": {
|
11687
|
+
"type": "any\n",
|
11688
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11689
|
+
},
|
11690
|
+
"VSwitch/base-color": {
|
11691
|
+
"type": "string\n",
|
11692
|
+
"description": "Sets the color of the input when it is not focused."
|
11693
|
+
},
|
11694
|
+
"VSwitch/disabled": {
|
11695
|
+
"type": "boolean\n",
|
11696
|
+
"description": "Removes the ability to click or target the component."
|
11697
|
+
},
|
11698
|
+
"VSwitch/multiple": {
|
11699
|
+
"type": "boolean\n",
|
11700
|
+
"description": "Changes expected model to an array."
|
11701
|
+
},
|
11674
11702
|
"VSwitch/density": {
|
11675
11703
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
11676
11704
|
"description": "Adjusts the vertical height used by the component."
|
@@ -11687,74 +11715,22 @@
|
|
11687
11715
|
"type": "string | number\n",
|
11688
11716
|
"description": "Sets the width for the component."
|
11689
11717
|
},
|
11690
|
-
"VSwitch/
|
11691
|
-
"type": "
|
11692
|
-
"description": "
|
11718
|
+
"VSwitch/value-comparator": {
|
11719
|
+
"type": "(a: any, b: any) => boolean\n",
|
11720
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
11693
11721
|
},
|
11694
11722
|
"VSwitch/color": {
|
11695
11723
|
"type": "string\n",
|
11696
11724
|
"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)."
|
11697
11725
|
},
|
11698
|
-
"VSwitch/
|
11699
|
-
"type": "
|
11700
|
-
"description": "
|
11701
|
-
},
|
11702
|
-
"VSwitch/base-color": {
|
11703
|
-
"type": "string\n",
|
11704
|
-
"description": "Sets the color of the input when it is not focused."
|
11705
|
-
},
|
11706
|
-
"VSwitch/prepend-icon": {
|
11707
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11708
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
11726
|
+
"VSwitch/model-value": {
|
11727
|
+
"type": "unknown\n",
|
11728
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
11709
11729
|
},
|
11710
11730
|
"VSwitch/append-icon": {
|
11711
|
-
"type": " | string\n | (
|
11731
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11712
11732
|
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11713
11733
|
},
|
11714
|
-
"VSwitch/readonly": {
|
11715
|
-
"type": "boolean\n",
|
11716
|
-
"description": "Puts input in readonly state."
|
11717
|
-
},
|
11718
|
-
"VSwitch/ripple": {
|
11719
|
-
"type": "boolean | { class: string }\n",
|
11720
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11721
|
-
},
|
11722
|
-
"VSwitch/value": {
|
11723
|
-
"type": "any\n",
|
11724
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11725
|
-
},
|
11726
|
-
"VSwitch/disabled": {
|
11727
|
-
"type": "boolean\n",
|
11728
|
-
"description": "Removes the ability to click or target the component."
|
11729
|
-
},
|
11730
|
-
"VSwitch/loading": {
|
11731
|
-
"type": "string | boolean\n",
|
11732
|
-
"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."
|
11733
|
-
},
|
11734
|
-
"VSwitch/inline": {
|
11735
|
-
"type": "boolean\n",
|
11736
|
-
"description": "Puts children inputs into a row."
|
11737
|
-
},
|
11738
|
-
"VSwitch/label": {
|
11739
|
-
"type": "string\n",
|
11740
|
-
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
11741
|
-
},
|
11742
|
-
"VSwitch/multiple": {
|
11743
|
-
"type": "boolean\n",
|
11744
|
-
"description": "Changes expected model to an array."
|
11745
|
-
},
|
11746
|
-
"VSwitch/inset": {
|
11747
|
-
"type": "boolean\n",
|
11748
|
-
"description": "Enlarge the `v-switch` track to encompass the thumb."
|
11749
|
-
},
|
11750
|
-
"VSwitch/id": {
|
11751
|
-
"type": "string\n",
|
11752
|
-
"description": "Sets the DOM id on the component."
|
11753
|
-
},
|
11754
|
-
"VSwitch/direction": {
|
11755
|
-
"type": "'horizontal' | 'vertical'\n",
|
11756
|
-
"description": "Changes the direction of the input."
|
11757
|
-
},
|
11758
11734
|
"VSwitch/center-affix": {
|
11759
11735
|
"type": "boolean\n",
|
11760
11736
|
"description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
|
@@ -11767,6 +11743,10 @@
|
|
11767
11743
|
"type": "string | boolean\n",
|
11768
11744
|
"description": "Sets the color of the prepend/append icons."
|
11769
11745
|
},
|
11746
|
+
"VSwitch/prepend-icon": {
|
11747
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11748
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
11749
|
+
},
|
11770
11750
|
"VSwitch/hide-spin-buttons": {
|
11771
11751
|
"type": "boolean\n",
|
11772
11752
|
"description": "Hides spin buttons on the input when type is set to `number`."
|
@@ -11783,6 +11763,10 @@
|
|
11783
11763
|
"type": "string | string[]\n",
|
11784
11764
|
"description": "Displays a list of messages or a single message if using a string."
|
11785
11765
|
},
|
11766
|
+
"VSwitch/direction": {
|
11767
|
+
"type": "'horizontal' | 'vertical'\n",
|
11768
|
+
"description": "Changes the direction of the input."
|
11769
|
+
},
|
11786
11770
|
"VSwitch/error-messages": {
|
11787
11771
|
"type": "string | string[]\n",
|
11788
11772
|
"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."
|
@@ -11791,6 +11775,10 @@
|
|
11791
11775
|
"type": "string | number\n",
|
11792
11776
|
"description": "Control the maximum number of shown errors from validation."
|
11793
11777
|
},
|
11778
|
+
"VSwitch/readonly": {
|
11779
|
+
"type": "boolean\n",
|
11780
|
+
"description": "Puts input in readonly state."
|
11781
|
+
},
|
11794
11782
|
"VSwitch/rules": {
|
11795
11783
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]\n",
|
11796
11784
|
"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`."
|
@@ -11811,10 +11799,26 @@
|
|
11811
11799
|
"type": "boolean | 'auto'\n",
|
11812
11800
|
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
|
11813
11801
|
},
|
11802
|
+
"VSwitch/loading": {
|
11803
|
+
"type": "string | boolean\n",
|
11804
|
+
"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."
|
11805
|
+
},
|
11814
11806
|
"VSwitch/indeterminate": {
|
11815
11807
|
"type": "boolean\n",
|
11816
11808
|
"description": "Sets an indeterminate state for the switch."
|
11817
11809
|
},
|
11810
|
+
"VSwitch/inset": {
|
11811
|
+
"type": "boolean\n",
|
11812
|
+
"description": "Enlarge the `v-switch` track to encompass the thumb."
|
11813
|
+
},
|
11814
|
+
"VSwitch/ripple": {
|
11815
|
+
"type": "boolean | { class: string }\n",
|
11816
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11817
|
+
},
|
11818
|
+
"VSwitch/inline": {
|
11819
|
+
"type": "boolean\n",
|
11820
|
+
"description": "Puts children inputs into a row."
|
11821
|
+
},
|
11818
11822
|
"VSwitch/true-value": {
|
11819
11823
|
"type": "any\n",
|
11820
11824
|
"description": "Sets value for truthy state."
|
@@ -11828,29 +11832,13 @@
|
|
11828
11832
|
"description": "The target component to provide defaults values for."
|
11829
11833
|
},
|
11830
11834
|
"VSwitch/false-icon": {
|
11831
|
-
"type": " | string\n | (
|
11835
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11832
11836
|
"description": "The icon used when inactive."
|
11833
11837
|
},
|
11834
11838
|
"VSwitch/true-icon": {
|
11835
|
-
"type": " | string\n | (
|
11839
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11836
11840
|
"description": "The icon used when active."
|
11837
11841
|
},
|
11838
|
-
"VSwitch/value-comparator": {
|
11839
|
-
"type": "(a: any, b: any) => boolean\n",
|
11840
|
-
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
11841
|
-
},
|
11842
|
-
"VSystemBar/tag": {
|
11843
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
11844
|
-
"description": "Specify a custom tag used on the root element."
|
11845
|
-
},
|
11846
|
-
"VSystemBar/name": {
|
11847
|
-
"type": "string\n",
|
11848
|
-
"description": "Assign a specific name for layout registration."
|
11849
|
-
},
|
11850
|
-
"VSystemBar/theme": {
|
11851
|
-
"type": "string\n",
|
11852
|
-
"description": "Specify a theme for this component and all of its children."
|
11853
|
-
},
|
11854
11842
|
"VSystemBar/height": {
|
11855
11843
|
"type": "string | number\n",
|
11856
11844
|
"description": "Sets the height for the component."
|
@@ -11859,6 +11847,10 @@
|
|
11859
11847
|
"type": "string | number\n",
|
11860
11848
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11861
11849
|
},
|
11850
|
+
"VSystemBar/absolute": {
|
11851
|
+
"type": "boolean\n",
|
11852
|
+
"description": "Applies **position: absolute** to the component."
|
11853
|
+
},
|
11862
11854
|
"VSystemBar/rounded": {
|
11863
11855
|
"type": "string | number | boolean\n",
|
11864
11856
|
"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)."
|
@@ -11867,13 +11859,21 @@
|
|
11867
11859
|
"type": "boolean\n",
|
11868
11860
|
"description": "Removes any applied **border-radius** from the component."
|
11869
11861
|
},
|
11862
|
+
"VSystemBar/tag": {
|
11863
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11864
|
+
"description": "Specify a custom tag used on the root element."
|
11865
|
+
},
|
11866
|
+
"VSystemBar/theme": {
|
11867
|
+
"type": "string\n",
|
11868
|
+
"description": "Specify a theme for this component and all of its children."
|
11869
|
+
},
|
11870
11870
|
"VSystemBar/color": {
|
11871
11871
|
"type": "string\n",
|
11872
11872
|
"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)."
|
11873
11873
|
},
|
11874
|
-
"VSystemBar/
|
11875
|
-
"type": "
|
11876
|
-
"description": "
|
11874
|
+
"VSystemBar/name": {
|
11875
|
+
"type": "string\n",
|
11876
|
+
"description": "Assign a specific name for layout registration."
|
11877
11877
|
},
|
11878
11878
|
"VSystemBar/order": {
|
11879
11879
|
"type": "string | number\n",
|
@@ -11883,58 +11883,26 @@
|
|
11883
11883
|
"type": "boolean\n",
|
11884
11884
|
"description": "Increases the system bar height to 32px (24px default)."
|
11885
11885
|
},
|
11886
|
-
"VTab/replace": {
|
11887
|
-
"type": "boolean\n",
|
11888
|
-
"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."
|
11889
|
-
},
|
11890
|
-
"VTab/fixed": {
|
11891
|
-
"type": "boolean\n",
|
11892
|
-
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
|
11893
|
-
},
|
11894
|
-
"VTab/tag": {
|
11895
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
11896
|
-
"description": "Specify a custom tag used on the root element."
|
11897
|
-
},
|
11898
|
-
"VTab/theme": {
|
11899
|
-
"type": "string\n",
|
11900
|
-
"description": "Specify a theme for this component and all of its children."
|
11901
|
-
},
|
11902
|
-
"VTab/size": {
|
11903
|
-
"type": "string | number\n",
|
11904
|
-
"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**."
|
11905
|
-
},
|
11906
|
-
"VTab/value": {
|
11907
|
-
"type": "any\n",
|
11908
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11909
|
-
},
|
11910
11886
|
"VTab/text": {
|
11911
11887
|
"type": "string | number | boolean\n",
|
11912
11888
|
"description": "Specify content text for the component."
|
11913
11889
|
},
|
11914
|
-
"VTab/
|
11915
|
-
"type": "boolean\n",
|
11916
|
-
"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."
|
11917
|
-
},
|
11918
|
-
"VTab/base-color": {
|
11919
|
-
"type": "string\n",
|
11920
|
-
"description": "Sets the color of component when not focused."
|
11921
|
-
},
|
11922
|
-
"VTab/active-color": {
|
11923
|
-
"type": "string\n",
|
11924
|
-
"description": "The applied color when the component is in an active state."
|
11925
|
-
},
|
11926
|
-
"VTab/disabled": {
|
11890
|
+
"VTab/replace": {
|
11927
11891
|
"type": "boolean\n",
|
11928
|
-
"description": "
|
11892
|
+
"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."
|
11929
11893
|
},
|
11930
|
-
"VTab/
|
11894
|
+
"VTab/fixed": {
|
11931
11895
|
"type": "boolean\n",
|
11932
|
-
"description": "
|
11896
|
+
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
|
11933
11897
|
},
|
11934
11898
|
"VTab/border": {
|
11935
11899
|
"type": "string | number | boolean\n",
|
11936
11900
|
"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)."
|
11937
11901
|
},
|
11902
|
+
"VTab/icon": {
|
11903
|
+
"type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11904
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
|
11905
|
+
},
|
11938
11906
|
"VTab/density": {
|
11939
11907
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
11940
11908
|
"description": "Adjusts the vertical height used by the component."
|
@@ -11975,30 +11943,66 @@
|
|
11975
11943
|
"type": "boolean\n",
|
11976
11944
|
"description": "Removes any applied **border-radius** from the component."
|
11977
11945
|
},
|
11946
|
+
"VTab/tag": {
|
11947
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11948
|
+
"description": "Specify a custom tag used on the root element."
|
11949
|
+
},
|
11950
|
+
"VTab/theme": {
|
11951
|
+
"type": "string\n",
|
11952
|
+
"description": "Specify a theme for this component and all of its children."
|
11953
|
+
},
|
11978
11954
|
"VTab/color": {
|
11979
11955
|
"type": "string\n",
|
11980
11956
|
"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)."
|
11981
11957
|
},
|
11982
11958
|
"VTab/variant": {
|
11983
|
-
"type": "'
|
11959
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
11984
11960
|
"description": "Applies a distinct style to the component."
|
11985
11961
|
},
|
11986
|
-
"VTab/
|
11987
|
-
"type": "
|
11988
|
-
"description": "
|
11962
|
+
"VTab/active-color": {
|
11963
|
+
"type": "string\n",
|
11964
|
+
"description": "The applied color when the component is in an active state."
|
11965
|
+
},
|
11966
|
+
"VTab/base-color": {
|
11967
|
+
"type": "string\n",
|
11968
|
+
"description": "Sets the color of component when not focused."
|
11989
11969
|
},
|
11990
11970
|
"VTab/prepend-icon": {
|
11991
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
11971
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11992
11972
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
11993
11973
|
},
|
11994
|
-
"VTab/
|
11995
|
-
"type": "
|
11996
|
-
"description": "
|
11974
|
+
"VTab/append-icon": {
|
11975
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11976
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11997
11977
|
},
|
11998
11978
|
"VTab/readonly": {
|
11999
11979
|
"type": "boolean\n",
|
12000
11980
|
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
12001
11981
|
},
|
11982
|
+
"VTab/slim": {
|
11983
|
+
"type": "boolean\n",
|
11984
|
+
"description": "Reduces padding to 0 8px."
|
11985
|
+
},
|
11986
|
+
"VTab/stacked": {
|
11987
|
+
"type": "boolean\n",
|
11988
|
+
"description": "Displays the tab as a flex-column."
|
11989
|
+
},
|
11990
|
+
"VTab/ripple": {
|
11991
|
+
"type": "boolean | { class: string }\n",
|
11992
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11993
|
+
},
|
11994
|
+
"VTab/value": {
|
11995
|
+
"type": "any\n",
|
11996
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11997
|
+
},
|
11998
|
+
"VTab/disabled": {
|
11999
|
+
"type": "boolean\n",
|
12000
|
+
"description": "Removes the ability to click or target the component."
|
12001
|
+
},
|
12002
|
+
"VTab/selected-class": {
|
12003
|
+
"type": "string\n",
|
12004
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12005
|
+
},
|
12002
12006
|
"VTab/loading": {
|
12003
12007
|
"type": "string | boolean\n",
|
12004
12008
|
"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."
|
@@ -12007,25 +12011,21 @@
|
|
12007
12011
|
"type": "string\n",
|
12008
12012
|
"description": "Designates the component as anchor and applies the **href** attribute."
|
12009
12013
|
},
|
12010
|
-
"VTab/
|
12011
|
-
"type": "
|
12012
|
-
"description": "
|
12014
|
+
"VTab/exact": {
|
12015
|
+
"type": "boolean\n",
|
12016
|
+
"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."
|
12013
12017
|
},
|
12014
12018
|
"VTab/to": {
|
12015
12019
|
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
12016
12020
|
"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."
|
12017
12021
|
},
|
12018
|
-
"VTab/
|
12019
|
-
"type": "string\n",
|
12020
|
-
"description": "
|
12021
|
-
},
|
12022
|
-
"VTab/ripple": {
|
12023
|
-
"type": "boolean | { class: string }\n",
|
12024
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
12022
|
+
"VTab/size": {
|
12023
|
+
"type": "string | number\n",
|
12024
|
+
"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**."
|
12025
12025
|
},
|
12026
|
-
"VTab/
|
12027
|
-
"type": "
|
12028
|
-
"description": "
|
12026
|
+
"VTab/direction": {
|
12027
|
+
"type": "'horizontal' | 'vertical'\n",
|
12028
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12029
12029
|
},
|
12030
12030
|
"VTab/slider-color": {
|
12031
12031
|
"type": "string\n",
|
@@ -12035,14 +12035,6 @@
|
|
12035
12035
|
"type": "boolean\n",
|
12036
12036
|
"description": "Hides the active tab slider component (no exit or enter animation)."
|
12037
12037
|
},
|
12038
|
-
"VTable/density": {
|
12039
|
-
"type": "'default' | 'comfortable' | 'compact'\n",
|
12040
|
-
"description": "Adjusts the vertical height used by the component."
|
12041
|
-
},
|
12042
|
-
"VTable/height": {
|
12043
|
-
"type": "string | number\n",
|
12044
|
-
"description": "Use the height prop to set the height of the table."
|
12045
|
-
},
|
12046
12038
|
"VTable/tag": {
|
12047
12039
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
12048
12040
|
"description": "Specify a custom tag used on the root element."
|
@@ -12051,9 +12043,13 @@
|
|
12051
12043
|
"type": "string\n",
|
12052
12044
|
"description": "Specify a theme for this component and all of its children."
|
12053
12045
|
},
|
12054
|
-
"VTable/
|
12055
|
-
"type": "
|
12056
|
-
"description": "
|
12046
|
+
"VTable/density": {
|
12047
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
12048
|
+
"description": "Adjusts the vertical height used by the component."
|
12049
|
+
},
|
12050
|
+
"VTable/height": {
|
12051
|
+
"type": "string | number\n",
|
12052
|
+
"description": "Use the height prop to set the height of the table."
|
12057
12053
|
},
|
12058
12054
|
"VTable/fixed-header": {
|
12059
12055
|
"type": "boolean\n",
|
@@ -12063,13 +12059,37 @@
|
|
12063
12059
|
"type": "boolean\n",
|
12064
12060
|
"description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table."
|
12065
12061
|
},
|
12062
|
+
"VTable/hover": {
|
12063
|
+
"type": "boolean\n",
|
12064
|
+
"description": "Will add a hover effect to a table's row when the mouse is over it."
|
12065
|
+
},
|
12066
12066
|
"VTabs/symbol": {
|
12067
12067
|
"type": "any\n",
|
12068
12068
|
"description": "The [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol) used to hook into group functionality for components like [v-btn-toggle](/components/btn-toggle) and [v-bottom-navigation](/components/bottom-navigations/)."
|
12069
12069
|
},
|
12070
|
-
"VTabs/
|
12071
|
-
"type": "any\n",
|
12072
|
-
"description": "
|
12070
|
+
"VTabs/tag": {
|
12071
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12072
|
+
"description": "Specify a custom tag used on the root element."
|
12073
|
+
},
|
12074
|
+
"VTabs/items": {
|
12075
|
+
"type": "unknown[]\n",
|
12076
|
+
"description": "The items to display in the component. This can be an array of strings or objects with a property `text`."
|
12077
|
+
},
|
12078
|
+
"VTabs/bg-color": {
|
12079
|
+
"type": "string\n",
|
12080
|
+
"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)."
|
12081
|
+
},
|
12082
|
+
"VTabs/disabled": {
|
12083
|
+
"type": "boolean\n",
|
12084
|
+
"description": "Puts all children components into a disabled state."
|
12085
|
+
},
|
12086
|
+
"VTabs/multiple": {
|
12087
|
+
"type": "boolean\n",
|
12088
|
+
"description": "Allows one to select multiple items."
|
12089
|
+
},
|
12090
|
+
"VTabs/mandatory": {
|
12091
|
+
"type": "boolean | 'force'\n",
|
12092
|
+
"description": "Forces at least one item to always be selected (if available)."
|
12073
12093
|
},
|
12074
12094
|
"VTabs/density": {
|
12075
12095
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12079,86 +12099,66 @@
|
|
12079
12099
|
"type": "string | number\n",
|
12080
12100
|
"description": "Sets the height of the tabs bar."
|
12081
12101
|
},
|
12082
|
-
"VTabs/tag": {
|
12083
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
12084
|
-
"description": "Specify a custom tag used on the root element."
|
12085
|
-
},
|
12086
12102
|
"VTabs/color": {
|
12087
12103
|
"type": "string\n",
|
12088
12104
|
"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)."
|
12089
12105
|
},
|
12090
|
-
"VTabs/
|
12091
|
-
"type": "
|
12092
|
-
"description": "
|
12093
|
-
},
|
12094
|
-
"VTabs/disabled": {
|
12095
|
-
"type": "boolean\n",
|
12096
|
-
"description": "Puts all children components into a disabled state."
|
12106
|
+
"VTabs/model-value": {
|
12107
|
+
"type": "any\n",
|
12108
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12097
12109
|
},
|
12098
|
-
"VTabs/
|
12099
|
-
"type": "
|
12100
|
-
"description": "
|
12110
|
+
"VTabs/direction": {
|
12111
|
+
"type": "'horizontal' | 'vertical'\n",
|
12112
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12101
12113
|
},
|
12102
12114
|
"VTabs/max": {
|
12103
12115
|
"type": "number\n",
|
12104
12116
|
"description": "Sets a maximum number of selections that can be made."
|
12105
12117
|
},
|
12106
|
-
"VTabs/
|
12107
|
-
"type": "string\n",
|
12108
|
-
"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)."
|
12109
|
-
},
|
12110
|
-
"VTabs/mobile": {
|
12111
|
-
"type": "boolean\n",
|
12112
|
-
"description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
|
12113
|
-
},
|
12114
|
-
"VTabs/mobile-breakpoint": {
|
12115
|
-
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
|
12116
|
-
"description": "Sets the designated mobile breakpoint for the component."
|
12117
|
-
},
|
12118
|
-
"VTabs/grow": {
|
12119
|
-
"type": "boolean\n",
|
12120
|
-
"description": "Force `v-tab`'s to take up all available space."
|
12121
|
-
},
|
12122
|
-
"VTabs/multiple": {
|
12118
|
+
"VTabs/mobile": {
|
12123
12119
|
"type": "boolean\n",
|
12124
|
-
"description": "
|
12120
|
+
"description": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint"
|
12125
12121
|
},
|
12126
|
-
"VTabs/
|
12127
|
-
"type": "
|
12128
|
-
"description": "
|
12122
|
+
"VTabs/mobile-breakpoint": {
|
12123
|
+
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
|
12124
|
+
"description": "Sets the designated mobile breakpoint for the component."
|
12129
12125
|
},
|
12130
|
-
"VTabs/
|
12131
|
-
"type": "
|
12132
|
-
"description": "
|
12126
|
+
"VTabs/prev-icon": {
|
12127
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12128
|
+
"description": "Left pagination icon."
|
12133
12129
|
},
|
12134
12130
|
"VTabs/next-icon": {
|
12135
|
-
"type": " | string\n | (
|
12131
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12136
12132
|
"description": "Right pagination icon."
|
12137
12133
|
},
|
12138
|
-
"VTabs/
|
12139
|
-
"type": "
|
12140
|
-
"description": "
|
12141
|
-
},
|
12142
|
-
"VTabs/show-arrows": {
|
12143
|
-
"type": "string | boolean\n",
|
12144
|
-
"description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
|
12134
|
+
"VTabs/selected-class": {
|
12135
|
+
"type": "string\n",
|
12136
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12145
12137
|
},
|
12146
|
-
"VTabs/
|
12147
|
-
"type": "
|
12148
|
-
"description": "
|
12138
|
+
"VTabs/stacked": {
|
12139
|
+
"type": "boolean\n",
|
12140
|
+
"description": "Apply the stacked prop to all children v-tab components."
|
12149
12141
|
},
|
12150
12142
|
"VTabs/center-active": {
|
12151
12143
|
"type": "boolean\n",
|
12152
12144
|
"description": "Forces the selected tab to be centered."
|
12153
12145
|
},
|
12146
|
+
"VTabs/show-arrows": {
|
12147
|
+
"type": "string | boolean\n",
|
12148
|
+
"description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
|
12149
|
+
},
|
12154
12150
|
"VTabs/align-tabs": {
|
12155
|
-
"type": "'title' | '
|
12151
|
+
"type": "'title' | 'start' | 'end' | 'center'\n",
|
12156
12152
|
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component."
|
12157
12153
|
},
|
12158
12154
|
"VTabs/fixed-tabs": {
|
12159
12155
|
"type": "boolean\n",
|
12160
12156
|
"description": "`v-tabs-item` min-width 160px, max-width 360px."
|
12161
12157
|
},
|
12158
|
+
"VTabs/grow": {
|
12159
|
+
"type": "boolean\n",
|
12160
|
+
"description": "Force `v-tab`'s to take up all available space."
|
12161
|
+
},
|
12162
12162
|
"VTabs/hide-slider": {
|
12163
12163
|
"type": "boolean\n",
|
12164
12164
|
"description": "Hide's the generated `v-tabs-slider`."
|
@@ -12167,14 +12167,18 @@
|
|
12167
12167
|
"type": "string\n",
|
12168
12168
|
"description": "Changes the background color of an auto-generated `v-tabs-slider`."
|
12169
12169
|
},
|
12170
|
-
"VTabsWindow/
|
12171
|
-
"type": "
|
12172
|
-
"description": "
|
12170
|
+
"VTabsWindow/model-value": {
|
12171
|
+
"type": "any\n",
|
12172
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12173
12173
|
},
|
12174
12174
|
"VTabsWindow/reverse": {
|
12175
12175
|
"type": "boolean\n",
|
12176
12176
|
"description": "Reverse the normal transition direction."
|
12177
12177
|
},
|
12178
|
+
"VTabsWindow/tag": {
|
12179
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12180
|
+
"description": "Specify a custom tag used on the root element."
|
12181
|
+
},
|
12178
12182
|
"VTabsWindow/theme": {
|
12179
12183
|
"type": "string\n",
|
12180
12184
|
"description": "Specify a theme for this component and all of its children."
|
@@ -12183,42 +12187,38 @@
|
|
12183
12187
|
"type": "boolean\n",
|
12184
12188
|
"description": "Removes the ability to click or target the component."
|
12185
12189
|
},
|
12186
|
-
"VTabsWindow/
|
12187
|
-
"type": "
|
12188
|
-
"description": "
|
12190
|
+
"VTabsWindow/selected-class": {
|
12191
|
+
"type": "string\n",
|
12192
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12189
12193
|
},
|
12190
12194
|
"VTabsWindow/direction": {
|
12191
12195
|
"type": "'horizontal' | 'vertical'\n",
|
12192
12196
|
"description": "The transition direction when changing windows."
|
12193
12197
|
},
|
12194
|
-
"VTabsWindow/selected-class": {
|
12195
|
-
"type": "string\n",
|
12196
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
12197
|
-
},
|
12198
12198
|
"VTabsWindowItem/value": {
|
12199
12199
|
"type": "any\n",
|
12200
12200
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
12201
12201
|
},
|
12202
|
-
"VTabsWindowItem/eager": {
|
12203
|
-
"type": "boolean\n",
|
12204
|
-
"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."
|
12205
|
-
},
|
12206
12202
|
"VTabsWindowItem/disabled": {
|
12207
12203
|
"type": "boolean\n",
|
12208
12204
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
12209
12205
|
},
|
12206
|
+
"VTabsWindowItem/selected-class": {
|
12207
|
+
"type": "string\n",
|
12208
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12209
|
+
},
|
12210
12210
|
"VTabsWindowItem/transition": {
|
12211
12211
|
"type": "string | boolean\n",
|
12212
12212
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
12213
12213
|
},
|
12214
|
+
"VTabsWindowItem/eager": {
|
12215
|
+
"type": "boolean\n",
|
12216
|
+
"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."
|
12217
|
+
},
|
12214
12218
|
"VTabsWindowItem/reverse-transition": {
|
12215
12219
|
"type": "string | boolean\n",
|
12216
12220
|
"description": "Sets the reverse transition."
|
12217
12221
|
},
|
12218
|
-
"VTabsWindowItem/selected-class": {
|
12219
|
-
"type": "string\n",
|
12220
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
12221
|
-
},
|
12222
12222
|
"VTextField/flat": {
|
12223
12223
|
"type": "boolean\n",
|
12224
12224
|
"description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props."
|
@@ -12227,41 +12227,17 @@
|
|
12227
12227
|
"type": "string\n",
|
12228
12228
|
"description": "Sets input type."
|
12229
12229
|
},
|
12230
|
-
"VTextField/
|
12231
|
-
"type": "
|
12232
|
-
"description": "
|
12233
|
-
},
|
12234
|
-
"VTextField/name": {
|
12235
|
-
"type": "string\n",
|
12236
|
-
"description": "Sets the component's name attribute."
|
12230
|
+
"VTextField/model-value": {
|
12231
|
+
"type": "any\n",
|
12232
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12237
12233
|
},
|
12238
12234
|
"VTextField/error": {
|
12239
12235
|
"type": "boolean\n",
|
12240
12236
|
"description": "Puts the input in a manual error state."
|
12241
12237
|
},
|
12242
|
-
"VTextField/
|
12243
|
-
"type": "string\n",
|
12244
|
-
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12245
|
-
},
|
12246
|
-
"VTextField/theme": {
|
12247
|
-
"type": "string\n",
|
12248
|
-
"description": "Specify a theme for this component and all of its children."
|
12249
|
-
},
|
12250
|
-
"VTextField/id": {
|
12251
|
-
"type": "string\n",
|
12252
|
-
"description": "Sets the DOM id on the component."
|
12253
|
-
},
|
12254
|
-
"VTextField/base-color": {
|
12255
|
-
"type": "string\n",
|
12256
|
-
"description": "Sets the color of the input when it is not focused."
|
12257
|
-
},
|
12258
|
-
"VTextField/bg-color": {
|
12259
|
-
"type": "string\n",
|
12260
|
-
"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)."
|
12261
|
-
},
|
12262
|
-
"VTextField/disabled": {
|
12238
|
+
"VTextField/reverse": {
|
12263
12239
|
"type": "boolean\n",
|
12264
|
-
"description": "
|
12240
|
+
"description": "Reverses the input orientation."
|
12265
12241
|
},
|
12266
12242
|
"VTextField/density": {
|
12267
12243
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12287,6 +12263,10 @@
|
|
12287
12263
|
"type": "boolean\n",
|
12288
12264
|
"description": "Removes any applied **border-radius** from the component."
|
12289
12265
|
},
|
12266
|
+
"VTextField/theme": {
|
12267
|
+
"type": "string\n",
|
12268
|
+
"description": "Specify a theme for this component and all of its children."
|
12269
|
+
},
|
12290
12270
|
"VTextField/color": {
|
12291
12271
|
"type": "string\n",
|
12292
12272
|
"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)."
|
@@ -12295,45 +12275,65 @@
|
|
12295
12275
|
"type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
|
12296
12276
|
"description": "Applies a distinct style to the component."
|
12297
12277
|
},
|
12298
|
-
"VTextField/
|
12299
|
-
"type": "
|
12300
|
-
"description": "
|
12278
|
+
"VTextField/name": {
|
12279
|
+
"type": "string\n",
|
12280
|
+
"description": "Sets the component's name attribute."
|
12301
12281
|
},
|
12302
|
-
"VTextField/
|
12282
|
+
"VTextField/active": {
|
12303
12283
|
"type": "boolean\n",
|
12304
|
-
"description": "
|
12305
|
-
},
|
12306
|
-
"VTextField/counter": {
|
12307
|
-
"type": "string | number | boolean\n",
|
12308
|
-
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12284
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
12309
12285
|
},
|
12310
|
-
"VTextField/
|
12286
|
+
"VTextField/base-color": {
|
12311
12287
|
"type": "string\n",
|
12312
|
-
"description": "
|
12288
|
+
"description": "Sets the color of the input when it is not focused."
|
12313
12289
|
},
|
12314
|
-
"VTextField/
|
12315
|
-
"type": "string\n",
|
12316
|
-
"description": "
|
12290
|
+
"VTextField/prepend-icon": {
|
12291
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12292
|
+
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
|
12317
12293
|
},
|
12318
|
-
"VTextField/
|
12294
|
+
"VTextField/append-icon": {
|
12295
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12296
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12297
|
+
},
|
12298
|
+
"VTextField/readonly": {
|
12319
12299
|
"type": "boolean\n",
|
12320
|
-
"description": "
|
12300
|
+
"description": "Puts input in readonly state."
|
12321
12301
|
},
|
12322
|
-
"VTextField/
|
12302
|
+
"VTextField/disabled": {
|
12323
12303
|
"type": "boolean\n",
|
12324
|
-
"description": "
|
12304
|
+
"description": "Removes the ability to click or target the input."
|
12325
12305
|
},
|
12326
|
-
"VTextField/
|
12306
|
+
"VTextField/loading": {
|
12307
|
+
"type": "string | boolean\n",
|
12308
|
+
"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."
|
12309
|
+
},
|
12310
|
+
"VTextField/label": {
|
12327
12311
|
"type": "string\n",
|
12328
|
-
"description": "
|
12312
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12313
|
+
},
|
12314
|
+
"VTextField/bg-color": {
|
12315
|
+
"type": "string\n",
|
12316
|
+
"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)."
|
12317
|
+
},
|
12318
|
+
"VTextField/id": {
|
12319
|
+
"type": "string\n",
|
12320
|
+
"description": "Sets the DOM id on the component."
|
12321
|
+
},
|
12322
|
+
"VTextField/prefix": {
|
12323
|
+
"type": "string\n",
|
12324
|
+
"description": "Displays prefix text."
|
12329
12325
|
},
|
12330
12326
|
"VTextField/role": {
|
12331
12327
|
"type": "string\n",
|
12332
12328
|
"description": "The role attribute applied to the input."
|
12333
12329
|
},
|
12334
|
-
"VTextField/
|
12335
|
-
"type": "
|
12336
|
-
"description": "
|
12330
|
+
"VTextField/direction": {
|
12331
|
+
"type": "'horizontal' | 'vertical'\n",
|
12332
|
+
"description": "Changes the direction of the input."
|
12333
|
+
},
|
12334
|
+
"VTextField/placeholder": {
|
12335
|
+
"type": "string\n",
|
12336
|
+
"description": "Sets the input’s placeholder text."
|
12337
12337
|
},
|
12338
12338
|
"VTextField/center-affix": {
|
12339
12339
|
"type": "boolean\n",
|
@@ -12347,10 +12347,6 @@
|
|
12347
12347
|
"type": "string | boolean\n",
|
12348
12348
|
"description": "Sets the color of the prepend/append icons."
|
12349
12349
|
},
|
12350
|
-
"VTextField/prepend-icon": {
|
12351
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12352
|
-
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
|
12353
|
-
},
|
12354
12350
|
"VTextField/hide-spin-buttons": {
|
12355
12351
|
"type": "boolean\n",
|
12356
12352
|
"description": "Hides spin buttons on the input when type is set to `number`."
|
@@ -12367,10 +12363,6 @@
|
|
12367
12363
|
"type": "string | string[]\n",
|
12368
12364
|
"description": "Displays a list of messages or a single message if using a string."
|
12369
12365
|
},
|
12370
|
-
"VTextField/direction": {
|
12371
|
-
"type": "'horizontal' | 'vertical'\n",
|
12372
|
-
"description": "Changes the direction of the input."
|
12373
|
-
},
|
12374
12366
|
"VTextField/error-messages": {
|
12375
12367
|
"type": "string | string[]\n",
|
12376
12368
|
"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."
|
@@ -12379,10 +12371,6 @@
|
|
12379
12371
|
"type": "string | number\n",
|
12380
12372
|
"description": "Control the maximum number of shown errors from validation."
|
12381
12373
|
},
|
12382
|
-
"VTextField/readonly": {
|
12383
|
-
"type": "boolean\n",
|
12384
|
-
"description": "Puts input in readonly state."
|
12385
|
-
},
|
12386
12374
|
"VTextField/rules": {
|
12387
12375
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]\n",
|
12388
12376
|
"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`."
|
@@ -12403,8 +12391,28 @@
|
|
12403
12391
|
"type": "boolean | 'auto'\n",
|
12404
12392
|
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
|
12405
12393
|
},
|
12394
|
+
"VTextField/autofocus": {
|
12395
|
+
"type": "boolean\n",
|
12396
|
+
"description": "Enables autofocus."
|
12397
|
+
},
|
12398
|
+
"VTextField/counter": {
|
12399
|
+
"type": "string | number | boolean\n",
|
12400
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12401
|
+
},
|
12402
|
+
"VTextField/persistent-placeholder": {
|
12403
|
+
"type": "boolean\n",
|
12404
|
+
"description": "Forces placeholder to always be visible."
|
12405
|
+
},
|
12406
|
+
"VTextField/persistent-counter": {
|
12407
|
+
"type": "boolean\n",
|
12408
|
+
"description": "Forces counter to always be visible."
|
12409
|
+
},
|
12410
|
+
"VTextField/suffix": {
|
12411
|
+
"type": "string\n",
|
12412
|
+
"description": "Displays suffix text."
|
12413
|
+
},
|
12406
12414
|
"VTextField/append-inner-icon": {
|
12407
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
12415
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12408
12416
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot."
|
12409
12417
|
},
|
12410
12418
|
"VTextField/clearable": {
|
@@ -12412,13 +12420,9 @@
|
|
12412
12420
|
"description": "Allows for the component to be cleared."
|
12413
12421
|
},
|
12414
12422
|
"VTextField/clear-icon": {
|
12415
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
12423
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12416
12424
|
"description": "Applied when using **clearable** and the input is dirty."
|
12417
12425
|
},
|
12418
|
-
"VTextField/active": {
|
12419
|
-
"type": "boolean\n",
|
12420
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
12421
|
-
},
|
12422
12426
|
"VTextField/dirty": {
|
12423
12427
|
"type": "boolean\n",
|
12424
12428
|
"description": "Manually apply the dirty state styling."
|
@@ -12428,17 +12432,13 @@
|
|
12428
12432
|
"description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)."
|
12429
12433
|
},
|
12430
12434
|
"VTextField/prepend-inner-icon": {
|
12431
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
12435
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12432
12436
|
"description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`."
|
12433
12437
|
},
|
12434
12438
|
"VTextField/single-line": {
|
12435
12439
|
"type": "boolean\n",
|
12436
12440
|
"description": "Label does not move on focus/dirty."
|
12437
12441
|
},
|
12438
|
-
"VTextField/loading": {
|
12439
|
-
"type": "string | boolean\n",
|
12440
|
-
"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."
|
12441
|
-
},
|
12442
12442
|
"VTextField/counter-value": {
|
12443
12443
|
"type": "number | ((value: any) => number)\n",
|
12444
12444
|
"description": "Function returns the counter display text."
|
@@ -12451,17 +12451,45 @@
|
|
12451
12451
|
"type": "boolean\n",
|
12452
12452
|
"description": "Removes box shadow when using a variant with elevation."
|
12453
12453
|
},
|
12454
|
-
"VTextarea/
|
12455
|
-
"type": "
|
12456
|
-
"description": "
|
12454
|
+
"VTextarea/reverse": {
|
12455
|
+
"type": "boolean\n",
|
12456
|
+
"description": "Reverses the orientation."
|
12457
|
+
},
|
12458
|
+
"VTextarea/name": {
|
12459
|
+
"type": "string\n",
|
12460
|
+
"description": "Sets the component's name attribute."
|
12457
12461
|
},
|
12458
12462
|
"VTextarea/error": {
|
12459
12463
|
"type": "boolean\n",
|
12460
12464
|
"description": "Puts the input in a manual error state."
|
12461
12465
|
},
|
12462
|
-
"VTextarea/
|
12466
|
+
"VTextarea/label": {
|
12467
|
+
"type": "string\n",
|
12468
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12469
|
+
},
|
12470
|
+
"VTextarea/theme": {
|
12471
|
+
"type": "string\n",
|
12472
|
+
"description": "Specify a theme for this component and all of its children."
|
12473
|
+
},
|
12474
|
+
"VTextarea/id": {
|
12475
|
+
"type": "string\n",
|
12476
|
+
"description": "Sets the DOM id on the component."
|
12477
|
+
},
|
12478
|
+
"VTextarea/prefix": {
|
12479
|
+
"type": "string\n",
|
12480
|
+
"description": "Displays prefix text."
|
12481
|
+
},
|
12482
|
+
"VTextarea/base-color": {
|
12483
|
+
"type": "string\n",
|
12484
|
+
"description": "Sets the color of the input when it is not focused."
|
12485
|
+
},
|
12486
|
+
"VTextarea/bg-color": {
|
12487
|
+
"type": "string\n",
|
12488
|
+
"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)."
|
12489
|
+
},
|
12490
|
+
"VTextarea/disabled": {
|
12463
12491
|
"type": "boolean\n",
|
12464
|
-
"description": "
|
12492
|
+
"description": "Removes the ability to click or target the input."
|
12465
12493
|
},
|
12466
12494
|
"VTextarea/density": {
|
12467
12495
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12487,10 +12515,6 @@
|
|
12487
12515
|
"type": "boolean\n",
|
12488
12516
|
"description": "Removes any applied **border-radius** from the component."
|
12489
12517
|
},
|
12490
|
-
"VTextarea/theme": {
|
12491
|
-
"type": "string\n",
|
12492
|
-
"description": "Specify a theme for this component and all of its children."
|
12493
|
-
},
|
12494
12518
|
"VTextarea/color": {
|
12495
12519
|
"type": "string\n",
|
12496
12520
|
"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)."
|
@@ -12499,61 +12523,37 @@
|
|
12499
12523
|
"type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
|
12500
12524
|
"description": "Applies a distinct style to the component."
|
12501
12525
|
},
|
12502
|
-
"VTextarea/
|
12503
|
-
"type": "
|
12504
|
-
"description": "
|
12526
|
+
"VTextarea/model-value": {
|
12527
|
+
"type": "any\n",
|
12528
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12505
12529
|
},
|
12506
|
-
"VTextarea/
|
12530
|
+
"VTextarea/autofocus": {
|
12507
12531
|
"type": "boolean\n",
|
12508
|
-
"description": "
|
12509
|
-
},
|
12510
|
-
"VTextarea/base-color": {
|
12511
|
-
"type": "string\n",
|
12512
|
-
"description": "Sets the color of the input when it is not focused."
|
12532
|
+
"description": "The element should be focused as soon as the page loads."
|
12513
12533
|
},
|
12514
|
-
"VTextarea/
|
12515
|
-
"type": "
|
12516
|
-
"description": "
|
12534
|
+
"VTextarea/counter": {
|
12535
|
+
"type": "string | number | true\n",
|
12536
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12517
12537
|
},
|
12518
|
-
"VTextarea/
|
12519
|
-
"type": "
|
12520
|
-
"description": "
|
12538
|
+
"VTextarea/placeholder": {
|
12539
|
+
"type": "string\n",
|
12540
|
+
"description": "Sets the input's placeholder text."
|
12521
12541
|
},
|
12522
|
-
"VTextarea/
|
12542
|
+
"VTextarea/persistent-placeholder": {
|
12523
12543
|
"type": "boolean\n",
|
12524
|
-
"description": "
|
12544
|
+
"description": "Forces placeholder to always be visible."
|
12525
12545
|
},
|
12526
|
-
"VTextarea/
|
12546
|
+
"VTextarea/persistent-counter": {
|
12527
12547
|
"type": "boolean\n",
|
12528
|
-
"description": "
|
12529
|
-
},
|
12530
|
-
"VTextarea/loading": {
|
12531
|
-
"type": "string | boolean\n",
|
12532
|
-
"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."
|
12533
|
-
},
|
12534
|
-
"VTextarea/label": {
|
12535
|
-
"type": "string\n",
|
12536
|
-
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12537
|
-
},
|
12538
|
-
"VTextarea/bg-color": {
|
12539
|
-
"type": "string\n",
|
12540
|
-
"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)."
|
12541
|
-
},
|
12542
|
-
"VTextarea/id": {
|
12543
|
-
"type": "string\n",
|
12544
|
-
"description": "Sets the DOM id on the component."
|
12548
|
+
"description": "Forces counter to always be visible."
|
12545
12549
|
},
|
12546
|
-
"VTextarea/
|
12550
|
+
"VTextarea/suffix": {
|
12547
12551
|
"type": "string\n",
|
12548
|
-
"description": "Displays
|
12549
|
-
},
|
12550
|
-
"VTextarea/direction": {
|
12551
|
-
"type": "'horizontal' | 'vertical'\n",
|
12552
|
-
"description": "Changes the direction of the input."
|
12552
|
+
"description": "Displays suffix text."
|
12553
12553
|
},
|
12554
|
-
"VTextarea/
|
12555
|
-
"type": "string\n",
|
12556
|
-
"description": "
|
12554
|
+
"VTextarea/append-icon": {
|
12555
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12556
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12557
12557
|
},
|
12558
12558
|
"VTextarea/center-affix": {
|
12559
12559
|
"type": "boolean\n",
|
@@ -12567,6 +12567,10 @@
|
|
12567
12567
|
"type": "string | boolean\n",
|
12568
12568
|
"description": "Sets the color of the prepend/append icons."
|
12569
12569
|
},
|
12570
|
+
"VTextarea/prepend-icon": {
|
12571
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12572
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
12573
|
+
},
|
12570
12574
|
"VTextarea/hide-spin-buttons": {
|
12571
12575
|
"type": "boolean\n",
|
12572
12576
|
"description": "Hides spin buttons on the input when type is set to `number`."
|
@@ -12583,6 +12587,10 @@
|
|
12583
12587
|
"type": "string | string[]\n",
|
12584
12588
|
"description": "Displays a list of messages or a single message if using a string."
|
12585
12589
|
},
|
12590
|
+
"VTextarea/direction": {
|
12591
|
+
"type": "'horizontal' | 'vertical'\n",
|
12592
|
+
"description": "Changes the direction of the input."
|
12593
|
+
},
|
12586
12594
|
"VTextarea/error-messages": {
|
12587
12595
|
"type": "string | string[]\n",
|
12588
12596
|
"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."
|
@@ -12591,6 +12599,10 @@
|
|
12591
12599
|
"type": "string | number\n",
|
12592
12600
|
"description": "Control the maximum number of shown errors from validation."
|
12593
12601
|
},
|
12602
|
+
"VTextarea/readonly": {
|
12603
|
+
"type": "boolean\n",
|
12604
|
+
"description": "Puts input in readonly state."
|
12605
|
+
},
|
12594
12606
|
"VTextarea/rules": {
|
12595
12607
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]\n",
|
12596
12608
|
"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`."
|
@@ -12611,28 +12623,8 @@
|
|
12611
12623
|
"type": "boolean | 'auto'\n",
|
12612
12624
|
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display."
|
12613
12625
|
},
|
12614
|
-
"VTextarea/autofocus": {
|
12615
|
-
"type": "boolean\n",
|
12616
|
-
"description": "The element should be focused as soon as the page loads."
|
12617
|
-
},
|
12618
|
-
"VTextarea/counter": {
|
12619
|
-
"type": "string | number | true\n",
|
12620
|
-
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12621
|
-
},
|
12622
|
-
"VTextarea/persistent-placeholder": {
|
12623
|
-
"type": "boolean\n",
|
12624
|
-
"description": "Forces placeholder to always be visible."
|
12625
|
-
},
|
12626
|
-
"VTextarea/persistent-counter": {
|
12627
|
-
"type": "boolean\n",
|
12628
|
-
"description": "Forces counter to always be visible."
|
12629
|
-
},
|
12630
|
-
"VTextarea/suffix": {
|
12631
|
-
"type": "string\n",
|
12632
|
-
"description": "Displays suffix text."
|
12633
|
-
},
|
12634
12626
|
"VTextarea/append-inner-icon": {
|
12635
|
-
"type": " | string\n | (
|
12627
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12636
12628
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot."
|
12637
12629
|
},
|
12638
12630
|
"VTextarea/clearable": {
|
@@ -12640,9 +12632,13 @@
|
|
12640
12632
|
"description": "Allows for the component to be cleared."
|
12641
12633
|
},
|
12642
12634
|
"VTextarea/clear-icon": {
|
12643
|
-
"type": " | string\n | (
|
12635
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12644
12636
|
"description": "The icon used when the **clearable** prop is set to true."
|
12645
12637
|
},
|
12638
|
+
"VTextarea/active": {
|
12639
|
+
"type": "boolean\n",
|
12640
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
12641
|
+
},
|
12646
12642
|
"VTextarea/dirty": {
|
12647
12643
|
"type": "boolean\n",
|
12648
12644
|
"description": "Manually apply the dirty state styling."
|
@@ -12652,13 +12648,17 @@
|
|
12652
12648
|
"description": "Always show the clearable icon when the input is dirty (By default it only shows on hover)."
|
12653
12649
|
},
|
12654
12650
|
"VTextarea/prepend-inner-icon": {
|
12655
|
-
"type": " | string\n | (
|
12651
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
12656
12652
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend-inner** slot."
|
12657
12653
|
},
|
12658
12654
|
"VTextarea/single-line": {
|
12659
12655
|
"type": "boolean\n",
|
12660
12656
|
"description": "Label does not move on focus/dirty."
|
12661
12657
|
},
|
12658
|
+
"VTextarea/loading": {
|
12659
|
+
"type": "string | boolean\n",
|
12660
|
+
"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."
|
12661
|
+
},
|
12662
12662
|
"VTextarea/counter-value": {
|
12663
12663
|
"type": "(value: any) => number\n",
|
12664
12664
|
"description": "Display the input length but do not provide any validation."
|
@@ -12695,18 +12695,30 @@
|
|
12695
12695
|
"type": "boolean\n",
|
12696
12696
|
"description": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
|
12697
12697
|
},
|
12698
|
+
"VTimePicker/tag": {
|
12699
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12700
|
+
"description": "Specify a custom tag used on the root element."
|
12701
|
+
},
|
12698
12702
|
"VTimePicker/title": {
|
12699
12703
|
"type": "string\n",
|
12700
12704
|
"description": "Specify a title text for the component."
|
12701
12705
|
},
|
12706
|
+
"VTimePicker/theme": {
|
12707
|
+
"type": "string\n",
|
12708
|
+
"description": "Specify a theme for this component and all of its children."
|
12709
|
+
},
|
12710
|
+
"VTimePicker/bg-color": {
|
12711
|
+
"type": "string\n",
|
12712
|
+
"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)."
|
12713
|
+
},
|
12714
|
+
"VTimePicker/disabled": {
|
12715
|
+
"type": "boolean\n",
|
12716
|
+
"description": "Removes the ability to click or target the component."
|
12717
|
+
},
|
12702
12718
|
"VTimePicker/border": {
|
12703
12719
|
"type": "string | number | boolean\n",
|
12704
12720
|
"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)."
|
12705
12721
|
},
|
12706
|
-
"VTimePicker/model-value": {
|
12707
|
-
"type": "any\n",
|
12708
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12709
|
-
},
|
12710
12722
|
"VTimePicker/height": {
|
12711
12723
|
"type": "string | number\n",
|
12712
12724
|
"description": "Sets the height for the component."
|
@@ -12735,14 +12747,6 @@
|
|
12735
12747
|
"type": "string | number\n",
|
12736
12748
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
12737
12749
|
},
|
12738
|
-
"VTimePicker/location": {
|
12739
|
-
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
12740
|
-
"description": "Specifies the component's location. Can combine by using a space separated string."
|
12741
|
-
},
|
12742
|
-
"VTimePicker/position": {
|
12743
|
-
"type": "'fixed' | 'static' | 'relative' | 'absolute' | 'sticky'\n",
|
12744
|
-
"description": "Sets the position for the component."
|
12745
|
-
},
|
12746
12750
|
"VTimePicker/rounded": {
|
12747
12751
|
"type": "string | number | boolean\n",
|
12748
12752
|
"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)."
|
@@ -12751,37 +12755,37 @@
|
|
12751
12755
|
"type": "boolean\n",
|
12752
12756
|
"description": "Removes any applied **border-radius** from the component."
|
12753
12757
|
},
|
12754
|
-
"VTimePicker/tag": {
|
12755
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
12756
|
-
"description": "Specify a custom tag used on the root element."
|
12757
|
-
},
|
12758
|
-
"VTimePicker/theme": {
|
12759
|
-
"type": "string\n",
|
12760
|
-
"description": "Specify a theme for this component and all of its children."
|
12761
|
-
},
|
12762
12758
|
"VTimePicker/color": {
|
12763
12759
|
"type": "string\n",
|
12764
12760
|
"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)."
|
12765
12761
|
},
|
12762
|
+
"VTimePicker/model-value": {
|
12763
|
+
"type": "any\n",
|
12764
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12765
|
+
},
|
12766
|
+
"VTimePicker/location": {
|
12767
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
12768
|
+
"description": "Specifies the component's location. Can combine by using a space separated string."
|
12769
|
+
},
|
12766
12770
|
"VTimePicker/readonly": {
|
12767
12771
|
"type": "boolean\n",
|
12768
12772
|
"description": "Puts picker in readonly state."
|
12769
12773
|
},
|
12770
|
-
"VTimePicker/disabled": {
|
12771
|
-
"type": "boolean\n",
|
12772
|
-
"description": "Removes the ability to click or target the component."
|
12773
|
-
},
|
12774
12774
|
"VTimePicker/max": {
|
12775
12775
|
"type": "string\n",
|
12776
12776
|
"description": "Maximum allowed time."
|
12777
12777
|
},
|
12778
|
-
"VTimePicker/
|
12778
|
+
"VTimePicker/min": {
|
12779
12779
|
"type": "string\n",
|
12780
|
-
"description": "
|
12780
|
+
"description": "Minimum allowed time."
|
12781
12781
|
},
|
12782
|
-
"VTimePicker/
|
12783
|
-
"type": "
|
12784
|
-
"description": "
|
12782
|
+
"VTimePicker/position": {
|
12783
|
+
"type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
|
12784
|
+
"description": "Sets the position for the component."
|
12785
|
+
},
|
12786
|
+
"VTimePicker/view-mode": {
|
12787
|
+
"type": "'hour' | 'minute' | 'second'\n",
|
12788
|
+
"description": "The current view mode of thep picker.`"
|
12785
12789
|
},
|
12786
12790
|
"VTimePicker/divided": {
|
12787
12791
|
"type": "boolean\n",
|
@@ -12791,13 +12795,9 @@
|
|
12791
12795
|
"type": "boolean\n",
|
12792
12796
|
"description": "Hide the picker header."
|
12793
12797
|
},
|
12794
|
-
"VTimePicker/
|
12795
|
-
"type": "
|
12796
|
-
"description": "
|
12797
|
-
},
|
12798
|
-
"VTimePicker/view-mode": {
|
12799
|
-
"type": "'hour' | 'minute' | 'second'\n",
|
12800
|
-
"description": "The current view mode of thep picker.`"
|
12798
|
+
"VTimePicker/scrollable": {
|
12799
|
+
"type": "boolean\n",
|
12800
|
+
"description": "Allows changing hour/minute with mouse scroll."
|
12801
12801
|
},
|
12802
12802
|
"VTimePicker/ampm-in-title": {
|
12803
12803
|
"type": "boolean\n",
|
@@ -12823,26 +12823,30 @@
|
|
12823
12823
|
"type": "number[] | ((val: number) => boolean)\n",
|
12824
12824
|
"description": "Restricts which seconds can be selected."
|
12825
12825
|
},
|
12826
|
-
"VTimePickerClock/
|
12827
|
-
"type": "
|
12828
|
-
"description": "
|
12826
|
+
"VTimePickerClock/model-value": {
|
12827
|
+
"type": "number\n",
|
12828
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12829
12829
|
},
|
12830
12830
|
"VTimePickerClock/color": {
|
12831
12831
|
"type": "string\n",
|
12832
12832
|
"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)."
|
12833
12833
|
},
|
12834
|
-
"VTimePickerClock/model-value": {
|
12835
|
-
"type": "number\n",
|
12836
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12837
|
-
},
|
12838
12834
|
"VTimePickerClock/readonly": {
|
12839
12835
|
"type": "boolean\n",
|
12840
12836
|
"description": "When true, the picker is in a read-only state, and users cannot modify the selected time."
|
12841
12837
|
},
|
12838
|
+
"VTimePickerClock/disabled": {
|
12839
|
+
"type": "boolean\n",
|
12840
|
+
"description": "Removes the ability to click or target the component."
|
12841
|
+
},
|
12842
12842
|
"VTimePickerClock/max": {
|
12843
12843
|
"type": "number\n",
|
12844
12844
|
"description": "Defines the maximum time value that can be selected."
|
12845
12845
|
},
|
12846
|
+
"VTimePickerClock/scrollable": {
|
12847
|
+
"type": "boolean\n",
|
12848
|
+
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs."
|
12849
|
+
},
|
12846
12850
|
"VTimePickerClock/min": {
|
12847
12851
|
"type": "number\n",
|
12848
12852
|
"description": "Defines the minimum time value that can be selected."
|
@@ -12855,10 +12859,6 @@
|
|
12855
12859
|
"type": "number\n",
|
12856
12860
|
"description": "Controls rotation, specifying the degree of rotation for the clock hands."
|
12857
12861
|
},
|
12858
|
-
"VTimePickerClock/scrollable": {
|
12859
|
-
"type": "boolean\n",
|
12860
|
-
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs."
|
12861
|
-
},
|
12862
12862
|
"VTimePickerClock/ampm": {
|
12863
12863
|
"type": "boolean\n",
|
12864
12864
|
"description": "Displays time in a 12-hour format."
|
@@ -12899,17 +12899,13 @@
|
|
12899
12899
|
"type": "'hour' | 'minute' | 'second'\n",
|
12900
12900
|
"description": "The current view mode of the timepicker. Can be either `hour`, `minute`, or `second`."
|
12901
12901
|
},
|
12902
|
-
"VTimePickerControls/ampm": {
|
12903
|
-
"type": "boolean\n",
|
12904
|
-
"description": "Enables AM/PM mode."
|
12905
|
-
},
|
12906
12902
|
"VTimePickerControls/ampm-in-title": {
|
12907
12903
|
"type": "boolean\n",
|
12908
12904
|
"description": "Displays AM/PM in the title."
|
12909
12905
|
},
|
12910
|
-
"VTimePickerControls/ampm
|
12906
|
+
"VTimePickerControls/ampm": {
|
12911
12907
|
"type": "boolean\n",
|
12912
|
-
"description": "
|
12908
|
+
"description": "Enables AM/PM mode."
|
12913
12909
|
},
|
12914
12910
|
"VTimePickerControls/hour": {
|
12915
12911
|
"type": "number\n",
|
@@ -12927,6 +12923,10 @@
|
|
12927
12923
|
"type": "boolean\n",
|
12928
12924
|
"description": "Enables the display and selection of seconds in the timepicker."
|
12929
12925
|
},
|
12926
|
+
"VTimePickerControls/ampm-readonly": {
|
12927
|
+
"type": "boolean\n",
|
12928
|
+
"description": "Makes AM/PM controls readonly."
|
12929
|
+
},
|
12930
12930
|
"VTimePickerControls/period": {
|
12931
12931
|
"type": "'am' | 'pm'\n",
|
12932
12932
|
"description": "The current period value. either `am` or `pm`."
|
@@ -13075,20 +13075,28 @@
|
|
13075
13075
|
"type": "string | number\n",
|
13076
13076
|
"description": "Specifies the distance between the line and the dot of the item."
|
13077
13077
|
},
|
13078
|
+
"VToolbar/flat": {
|
13079
|
+
"type": "boolean\n",
|
13080
|
+
"description": "Removes the toolbar's box-shadow."
|
13081
|
+
},
|
13082
|
+
"VToolbar/tag": {
|
13083
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13084
|
+
"description": "Specify a custom tag used on the root element."
|
13085
|
+
},
|
13078
13086
|
"VToolbar/title": {
|
13079
13087
|
"type": "string\n",
|
13080
13088
|
"description": "Specify a title text for the component."
|
13081
13089
|
},
|
13082
|
-
"VToolbar/
|
13083
|
-
"type": "
|
13084
|
-
"description": "
|
13090
|
+
"VToolbar/theme": {
|
13091
|
+
"type": "string\n",
|
13092
|
+
"description": "Specify a theme for this component and all of its children."
|
13085
13093
|
},
|
13086
13094
|
"VToolbar/border": {
|
13087
13095
|
"type": "string | number | boolean\n",
|
13088
13096
|
"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)."
|
13089
13097
|
},
|
13090
13098
|
"VToolbar/density": {
|
13091
|
-
"type": "'default' | '
|
13099
|
+
"type": "'default' | 'comfortable' | 'compact' | 'prominent'\n",
|
13092
13100
|
"description": "Adjusts the vertical height used by the component."
|
13093
13101
|
},
|
13094
13102
|
"VToolbar/height": {
|
@@ -13099,10 +13107,6 @@
|
|
13099
13107
|
"type": "string | number\n",
|
13100
13108
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13101
13109
|
},
|
13102
|
-
"VToolbar/absolute": {
|
13103
|
-
"type": "boolean\n",
|
13104
|
-
"description": "Applies position: absolute to the component."
|
13105
|
-
},
|
13106
13110
|
"VToolbar/rounded": {
|
13107
13111
|
"type": "string | number | boolean\n",
|
13108
13112
|
"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)."
|
@@ -13111,54 +13115,50 @@
|
|
13111
13115
|
"type": "boolean\n",
|
13112
13116
|
"description": "Removes any applied **border-radius** from the component."
|
13113
13117
|
},
|
13114
|
-
"VToolbar/tag": {
|
13115
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13116
|
-
"description": "Specify a custom tag used on the root element."
|
13117
|
-
},
|
13118
|
-
"VToolbar/theme": {
|
13119
|
-
"type": "string\n",
|
13120
|
-
"description": "Specify a theme for this component and all of its children."
|
13121
|
-
},
|
13122
13118
|
"VToolbar/color": {
|
13123
13119
|
"type": "string\n",
|
13124
13120
|
"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)."
|
13125
13121
|
},
|
13122
|
+
"VToolbar/absolute": {
|
13123
|
+
"type": "boolean\n",
|
13124
|
+
"description": "Applies position: absolute to the component."
|
13125
|
+
},
|
13126
13126
|
"VToolbar/image": {
|
13127
13127
|
"type": "string\n",
|
13128
13128
|
"description": "Specifies a [v-img](/components/images) as the component's background."
|
13129
13129
|
},
|
13130
|
-
"VToolbar/collapse": {
|
13131
|
-
"type": "boolean\n",
|
13132
|
-
"description": "Puts the toolbar into a collapsed state reducing its maximum width."
|
13133
|
-
},
|
13134
13130
|
"VToolbar/extended": {
|
13135
13131
|
"type": "boolean\n",
|
13136
13132
|
"description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
|
13137
13133
|
},
|
13138
|
-
"VToolbar/extension-height": {
|
13139
|
-
"type": "string | number\n",
|
13140
|
-
"description": "Specify an explicit height for the `extension` slot."
|
13141
|
-
},
|
13142
13134
|
"VToolbar/floating": {
|
13143
13135
|
"type": "boolean\n",
|
13144
13136
|
"description": "Applies **display: inline-flex** to the component."
|
13145
13137
|
},
|
13138
|
+
"VToolbar/collapse": {
|
13139
|
+
"type": "boolean\n",
|
13140
|
+
"description": "Puts the toolbar into a collapsed state reducing its maximum width."
|
13141
|
+
},
|
13142
|
+
"VToolbar/extension-height": {
|
13143
|
+
"type": "string | number\n",
|
13144
|
+
"description": "Specify an explicit height for the `extension` slot."
|
13145
|
+
},
|
13146
13146
|
"VToolbarItems/color": {
|
13147
13147
|
"type": "string\n",
|
13148
13148
|
"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)."
|
13149
13149
|
},
|
13150
13150
|
"VToolbarItems/variant": {
|
13151
|
-
"type": "'
|
13151
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13152
13152
|
"description": "Applies a distinct style to the component."
|
13153
13153
|
},
|
13154
|
-
"VToolbarTitle/tag": {
|
13155
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13156
|
-
"description": "Specify a custom tag used on the root element."
|
13157
|
-
},
|
13158
13154
|
"VToolbarTitle/text": {
|
13159
13155
|
"type": "string\n",
|
13160
13156
|
"description": "Specify content text for the component."
|
13161
13157
|
},
|
13158
|
+
"VToolbarTitle/tag": {
|
13159
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13160
|
+
"description": "Specify a custom tag used on the root element."
|
13161
|
+
},
|
13162
13162
|
"VTooltip/theme": {
|
13163
13163
|
"type": "string\n",
|
13164
13164
|
"description": "Specify a theme for this component and all of its children."
|
@@ -13571,10 +13571,6 @@
|
|
13571
13571
|
"type": "boolean\n",
|
13572
13572
|
"description": "Removes indentation from nested items."
|
13573
13573
|
},
|
13574
|
-
"VTreeviewItem/title": {
|
13575
|
-
"type": "string | number | boolean\n",
|
13576
|
-
"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."
|
13577
|
-
},
|
13578
13574
|
"VTreeviewItem/replace": {
|
13579
13575
|
"type": "boolean\n",
|
13580
13576
|
"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."
|
@@ -13583,6 +13579,58 @@
|
|
13583
13579
|
"type": "boolean\n",
|
13584
13580
|
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
13585
13581
|
},
|
13582
|
+
"VTreeviewItem/tag": {
|
13583
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13584
|
+
"description": "Specify a custom tag used on the root element."
|
13585
|
+
},
|
13586
|
+
"VTreeviewItem/nav": {
|
13587
|
+
"type": "boolean\n",
|
13588
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
13589
|
+
},
|
13590
|
+
"VTreeviewItem/title": {
|
13591
|
+
"type": "string | number | boolean\n",
|
13592
|
+
"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."
|
13593
|
+
},
|
13594
|
+
"VTreeviewItem/theme": {
|
13595
|
+
"type": "string\n",
|
13596
|
+
"description": "Specify a theme for this component and all of its children."
|
13597
|
+
},
|
13598
|
+
"VTreeviewItem/value": {
|
13599
|
+
"type": "any\n",
|
13600
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
13601
|
+
},
|
13602
|
+
"VTreeviewItem/exact": {
|
13603
|
+
"type": "boolean\n",
|
13604
|
+
"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."
|
13605
|
+
},
|
13606
|
+
"VTreeviewItem/subtitle": {
|
13607
|
+
"type": "string | number | boolean\n",
|
13608
|
+
"description": "Specify a subtitle text for the component."
|
13609
|
+
},
|
13610
|
+
"VTreeviewItem/base-color": {
|
13611
|
+
"type": "string\n",
|
13612
|
+
"description": "Sets the color of component when not focused."
|
13613
|
+
},
|
13614
|
+
"VTreeviewItem/active-color": {
|
13615
|
+
"type": "string\n",
|
13616
|
+
"description": "The applied color when the component is in an active state."
|
13617
|
+
},
|
13618
|
+
"VTreeviewItem/active-class": {
|
13619
|
+
"type": "string\n",
|
13620
|
+
"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."
|
13621
|
+
},
|
13622
|
+
"VTreeviewItem/disabled": {
|
13623
|
+
"type": "boolean\n",
|
13624
|
+
"description": "Removes the ability to click or target the component."
|
13625
|
+
},
|
13626
|
+
"VTreeviewItem/lines": {
|
13627
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
13628
|
+
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
13629
|
+
},
|
13630
|
+
"VTreeviewItem/slim": {
|
13631
|
+
"type": "boolean\n",
|
13632
|
+
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
|
13633
|
+
},
|
13586
13634
|
"VTreeviewItem/border": {
|
13587
13635
|
"type": "string | number | boolean\n",
|
13588
13636
|
"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)."
|
@@ -13627,57 +13675,25 @@
|
|
13627
13675
|
"type": "boolean\n",
|
13628
13676
|
"description": "Removes any applied **border-radius** from the component."
|
13629
13677
|
},
|
13630
|
-
"VTreeviewItem/tag": {
|
13631
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13632
|
-
"description": "Specify a custom tag used on the root element."
|
13633
|
-
},
|
13634
|
-
"VTreeviewItem/theme": {
|
13635
|
-
"type": "string\n",
|
13636
|
-
"description": "Specify a theme for this component and all of its children."
|
13637
|
-
},
|
13638
13678
|
"VTreeviewItem/color": {
|
13639
13679
|
"type": "string\n",
|
13640
13680
|
"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),"
|
13641
13681
|
},
|
13642
13682
|
"VTreeviewItem/variant": {
|
13643
|
-
"type": "'
|
13683
|
+
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13644
13684
|
"description": "Applies a distinct style to the component."
|
13645
13685
|
},
|
13646
|
-
"VTreeviewItem/active": {
|
13647
|
-
"type": "boolean\n",
|
13648
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
13649
|
-
},
|
13650
|
-
"VTreeviewItem/active-color": {
|
13651
|
-
"type": "string\n",
|
13652
|
-
"description": "The applied color when the component is in an active state."
|
13653
|
-
},
|
13654
|
-
"VTreeviewItem/base-color": {
|
13655
|
-
"type": "string\n",
|
13656
|
-
"description": "Sets the color of component when not focused."
|
13657
|
-
},
|
13658
|
-
"VTreeviewItem/prepend-icon": {
|
13659
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13660
|
-
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
13661
|
-
},
|
13662
13686
|
"VTreeviewItem/append-icon": {
|
13663
|
-
"type": " | string\n | (
|
13687
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13664
13688
|
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
13665
13689
|
},
|
13666
|
-
"VTreeviewItem/
|
13667
|
-
"type": "
|
13668
|
-
"description": "
|
13669
|
-
},
|
13670
|
-
"VTreeviewItem/ripple": {
|
13671
|
-
"type": "boolean | { class: string }\n",
|
13672
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
13673
|
-
},
|
13674
|
-
"VTreeviewItem/value": {
|
13675
|
-
"type": "any\n",
|
13676
|
-
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
13690
|
+
"VTreeviewItem/prepend-icon": {
|
13691
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13692
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
13677
13693
|
},
|
13678
|
-
"VTreeviewItem/
|
13694
|
+
"VTreeviewItem/active": {
|
13679
13695
|
"type": "boolean\n",
|
13680
|
-
"description": "
|
13696
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
13681
13697
|
},
|
13682
13698
|
"VTreeviewItem/loading": {
|
13683
13699
|
"type": "boolean\n",
|
@@ -13687,29 +13703,13 @@
|
|
13687
13703
|
"type": "string\n",
|
13688
13704
|
"description": "Designates the component as anchor and applies the **href** attribute."
|
13689
13705
|
},
|
13690
|
-
"VTreeviewItem/exact": {
|
13691
|
-
"type": "boolean\n",
|
13692
|
-
"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."
|
13693
|
-
},
|
13694
13706
|
"VTreeviewItem/to": {
|
13695
13707
|
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
13696
13708
|
"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."
|
13697
13709
|
},
|
13698
|
-
"VTreeviewItem/
|
13699
|
-
"type": "
|
13700
|
-
"description": "
|
13701
|
-
},
|
13702
|
-
"VTreeviewItem/nav": {
|
13703
|
-
"type": "boolean\n",
|
13704
|
-
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
13705
|
-
},
|
13706
|
-
"VTreeviewItem/active-class": {
|
13707
|
-
"type": "string\n",
|
13708
|
-
"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."
|
13709
|
-
},
|
13710
|
-
"VTreeviewItem/subtitle": {
|
13711
|
-
"type": "string | number | boolean\n",
|
13712
|
-
"description": "Specify a subtitle text for the component."
|
13710
|
+
"VTreeviewItem/ripple": {
|
13711
|
+
"type": "boolean | { class: string }\n",
|
13712
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
13713
13713
|
},
|
13714
13714
|
"VTreeviewItem/append-avatar": {
|
13715
13715
|
"type": "string\n",
|
@@ -13720,28 +13720,32 @@
|
|
13720
13720
|
"description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
|
13721
13721
|
},
|
13722
13722
|
"VTreeviewItem/toggle-icon": {
|
13723
|
-
"type": " | string\n | (
|
13723
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13724
13724
|
"description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches."
|
13725
13725
|
},
|
13726
|
-
"VValidation/
|
13727
|
-
"type": "
|
13728
|
-
"description": "
|
13726
|
+
"VValidation/model-value": {
|
13727
|
+
"type": "unknown\n",
|
13728
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13729
13729
|
},
|
13730
13730
|
"VValidation/error": {
|
13731
13731
|
"type": "boolean\n",
|
13732
13732
|
"description": "Puts the input in a manual error state."
|
13733
13733
|
},
|
13734
|
-
"VValidation/
|
13734
|
+
"VValidation/name": {
|
13735
13735
|
"type": "string\n",
|
13736
|
-
"description": "Sets the
|
13736
|
+
"description": "Sets the component's name attribute."
|
13737
|
+
},
|
13738
|
+
"VValidation/readonly": {
|
13739
|
+
"type": "boolean\n",
|
13740
|
+
"description": "Puts input in readonly state."
|
13737
13741
|
},
|
13738
13742
|
"VValidation/disabled": {
|
13739
13743
|
"type": "boolean\n",
|
13740
13744
|
"description": "Removes the ability to click or target the component."
|
13741
13745
|
},
|
13742
|
-
"VValidation/
|
13743
|
-
"type": "
|
13744
|
-
"description": "
|
13746
|
+
"VValidation/label": {
|
13747
|
+
"type": "string\n",
|
13748
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
13745
13749
|
},
|
13746
13750
|
"VValidation/error-messages": {
|
13747
13751
|
"type": "string | string[]\n",
|
@@ -13751,10 +13755,6 @@
|
|
13751
13755
|
"type": "string | number\n",
|
13752
13756
|
"description": "Control the maximum number of shown errors from validation."
|
13753
13757
|
},
|
13754
|
-
"VValidation/readonly": {
|
13755
|
-
"type": "boolean\n",
|
13756
|
-
"description": "Puts input in readonly state."
|
13757
|
-
},
|
13758
13758
|
"VValidation/rules": {
|
13759
13759
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]\n",
|
13760
13760
|
"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`."
|
@@ -13771,10 +13771,6 @@
|
|
13771
13771
|
"type": "boolean\n",
|
13772
13772
|
"description": "Forces a focused state styling on the component."
|
13773
13773
|
},
|
13774
|
-
"VVirtualScroll/items": {
|
13775
|
-
"type": "unknown[]\n",
|
13776
|
-
"description": "The array of items to display."
|
13777
|
-
},
|
13778
13774
|
"VVirtualScroll/height": {
|
13779
13775
|
"type": "string | number\n",
|
13780
13776
|
"description": "Height of the component as a css value/"
|
@@ -13799,6 +13795,14 @@
|
|
13799
13795
|
"type": "string | number\n",
|
13800
13796
|
"description": "Sets the width for the component."
|
13801
13797
|
},
|
13798
|
+
"VVirtualScroll/items": {
|
13799
|
+
"type": "unknown[]\n",
|
13800
|
+
"description": "The array of items to display."
|
13801
|
+
},
|
13802
|
+
"VVirtualScroll/renderless": {
|
13803
|
+
"type": "boolean\n",
|
13804
|
+
"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;`"
|
13805
|
+
},
|
13802
13806
|
"VVirtualScroll/item-height": {
|
13803
13807
|
"type": "string | number\n",
|
13804
13808
|
"description": "Height in pixels of each item to display."
|
@@ -13807,22 +13811,14 @@
|
|
13807
13811
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
|
13808
13812
|
"description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders."
|
13809
13813
|
},
|
13810
|
-
"
|
13811
|
-
"type": "
|
13812
|
-
"description": "
|
13813
|
-
},
|
13814
|
-
"VWindow/model-value": {
|
13815
|
-
"type": "unknown\n",
|
13816
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13814
|
+
"VWindow/tag": {
|
13815
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13816
|
+
"description": "Specify a custom tag used on the root element."
|
13817
13817
|
},
|
13818
13818
|
"VWindow/reverse": {
|
13819
13819
|
"type": "boolean\n",
|
13820
13820
|
"description": "Reverse the normal transition direction."
|
13821
13821
|
},
|
13822
|
-
"VWindow/tag": {
|
13823
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13824
|
-
"description": "Specify a custom tag used on the root element."
|
13825
|
-
},
|
13826
13822
|
"VWindow/theme": {
|
13827
13823
|
"type": "string\n",
|
13828
13824
|
"description": "Specify a theme for this component and all of its children."
|
@@ -13831,60 +13827,64 @@
|
|
13831
13827
|
"type": "boolean\n",
|
13832
13828
|
"description": "Removes the ability to click or target the component."
|
13833
13829
|
},
|
13834
|
-
"VWindow/selected-class": {
|
13835
|
-
"type": "string\n",
|
13836
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
13837
|
-
},
|
13838
13830
|
"VWindow/mandatory": {
|
13839
13831
|
"type": "boolean | 'force'\n",
|
13840
13832
|
"description": "Forces at least one item to always be selected (if available)."
|
13841
13833
|
},
|
13842
|
-
"VWindow/
|
13843
|
-
"type": "
|
13844
|
-
"description": "
|
13834
|
+
"VWindow/model-value": {
|
13835
|
+
"type": "unknown\n",
|
13836
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13837
|
+
},
|
13838
|
+
"VWindow/direction": {
|
13839
|
+
"type": "'horizontal' | 'vertical'\n",
|
13840
|
+
"description": "The transition direction when changing windows."
|
13845
13841
|
},
|
13846
13842
|
"VWindow/prev-icon": {
|
13847
|
-
"type": " | string\n | (
|
13843
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13848
13844
|
"description": "Icon used for the \"prev\" button if `show-arrows` is `true`."
|
13849
13845
|
},
|
13850
|
-
"VWindow/
|
13851
|
-
"type": "
|
13852
|
-
"description": "
|
13846
|
+
"VWindow/next-icon": {
|
13847
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13848
|
+
"description": "Icon used for the \"next\" button if `show-arrows` is `true`."
|
13849
|
+
},
|
13850
|
+
"VWindow/selected-class": {
|
13851
|
+
"type": "string\n",
|
13852
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
13853
13853
|
},
|
13854
13854
|
"VWindow/show-arrows": {
|
13855
13855
|
"type": "string | boolean\n",
|
13856
13856
|
"description": "Display the \"next\" and \"prev\" buttons."
|
13857
13857
|
},
|
13858
|
+
"VWindow/continuous": {
|
13859
|
+
"type": "boolean\n",
|
13860
|
+
"description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last."
|
13861
|
+
},
|
13858
13862
|
"VWindow/touch": {
|
13859
13863
|
"type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>\n",
|
13860
13864
|
"description": "Provide a custom **left** and **right** function when swiped left or right."
|
13861
13865
|
},
|
13862
|
-
"VWindow/direction": {
|
13863
|
-
"type": "'horizontal' | 'vertical'\n",
|
13864
|
-
"description": "The transition direction when changing windows."
|
13865
|
-
},
|
13866
13866
|
"VWindowItem/value": {
|
13867
13867
|
"type": "any\n",
|
13868
13868
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
13869
13869
|
},
|
13870
|
-
"VWindowItem/eager": {
|
13871
|
-
"type": "boolean\n",
|
13872
|
-
"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."
|
13873
|
-
},
|
13874
13870
|
"VWindowItem/disabled": {
|
13875
13871
|
"type": "boolean\n",
|
13876
13872
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
13877
13873
|
},
|
13874
|
+
"VWindowItem/selected-class": {
|
13875
|
+
"type": "string\n",
|
13876
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
13877
|
+
},
|
13878
13878
|
"VWindowItem/transition": {
|
13879
13879
|
"type": "string | boolean\n",
|
13880
13880
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13881
13881
|
},
|
13882
|
+
"VWindowItem/eager": {
|
13883
|
+
"type": "boolean\n",
|
13884
|
+
"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."
|
13885
|
+
},
|
13882
13886
|
"VWindowItem/reverse-transition": {
|
13883
13887
|
"type": "string | boolean\n",
|
13884
13888
|
"description": "Sets the reverse transition."
|
13885
|
-
},
|
13886
|
-
"VWindowItem/selected-class": {
|
13887
|
-
"type": "string\n",
|
13888
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
13889
13889
|
}
|
13890
13890
|
}
|