@vuetify/nightly 3.8.0-master.2025-04-04 → 3.8.0-master.2025-04-06
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -3
- package/dist/json/attributes.json +691 -691
- package/dist/json/importMap-labs.json +26 -26
- package/dist/json/importMap.json +150 -150
- package/dist/json/web-types.json +1273 -1273
- package/dist/vuetify-labs.cjs +3 -3
- package/dist/vuetify-labs.css +4566 -4566
- package/dist/vuetify-labs.d.ts +59 -59
- package/dist/vuetify-labs.esm.js +3 -3
- package/dist/vuetify-labs.js +3 -3
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +3 -3
- package/dist/vuetify.css +5779 -5779
- package/dist/vuetify.d.ts +59 -59
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +59 -59
- package/lib/framework.js +1 -1
- package/package.json +1 -1
@@ -10927,9 +10927,13 @@
|
|
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": "
|
10932
|
-
"description": "
|
10930
|
+
"VSpeedDial/theme": {
|
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."
|
10933
10937
|
},
|
10934
10938
|
"VSpeedDial/height": {
|
10935
10939
|
"type": "string | number\n",
|
@@ -10949,40 +10953,32 @@
|
|
10949
10953
|
},
|
10950
10954
|
"VSpeedDial/min-width": {
|
10951
10955
|
"type": "string | number\n",
|
10952
|
-
"description": "Sets the minimum width for the component."
|
10956
|
+
"description": "Sets the minimum width for the component. Use `auto` to use the activator width."
|
10953
10957
|
},
|
10954
10958
|
"VSpeedDial/width": {
|
10955
10959
|
"type": "string | number\n",
|
10956
10960
|
"description": "Sets the width for the component."
|
10957
10961
|
},
|
10962
|
+
"VSpeedDial/disabled": {
|
10963
|
+
"type": "boolean\n",
|
10964
|
+
"description": "Removes the ability to click or target the component."
|
10965
|
+
},
|
10958
10966
|
"VSpeedDial/location": {
|
10959
10967
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
10960
10968
|
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
10961
10969
|
},
|
10962
|
-
"VSpeedDial/
|
10963
|
-
"type": "string\n",
|
10964
|
-
"description": "Specify a theme for this component and all of its children."
|
10965
|
-
},
|
10966
|
-
"VSpeedDial/eager": {
|
10970
|
+
"VSpeedDial/model-value": {
|
10967
10971
|
"type": "boolean\n",
|
10968
|
-
"description": "
|
10972
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
10969
10973
|
},
|
10970
|
-
"VSpeedDial/
|
10971
|
-
"type": "boolean\n",
|
10972
|
-
"description": "
|
10974
|
+
"VSpeedDial/transition": {
|
10975
|
+
"type": " | string\n | boolean\n | (TransitionProps & { component: Component })\n | { component: Component }\n",
|
10976
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
10973
10977
|
},
|
10974
10978
|
"VSpeedDial/activator": {
|
10975
10979
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
10976
10980
|
"description": "Explicitly sets the overlay's activator."
|
10977
10981
|
},
|
10978
|
-
"VSpeedDial/id": {
|
10979
|
-
"type": "string\n",
|
10980
|
-
"description": "The unique identifier of the component."
|
10981
|
-
},
|
10982
|
-
"VSpeedDial/submenu": {
|
10983
|
-
"type": "boolean\n",
|
10984
|
-
"description": "Opens with right arrow and closes on left instead of up/down. Implies `location=\"end\"`. Directions are reversed for RTL."
|
10985
|
-
},
|
10986
10982
|
"VSpeedDial/close-on-back": {
|
10987
10983
|
"type": "boolean\n",
|
10988
10984
|
"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."
|
@@ -11029,7 +11025,7 @@
|
|
11029
11025
|
},
|
11030
11026
|
"VSpeedDial/open-on-click": {
|
11031
11027
|
"type": "boolean\n",
|
11032
|
-
"description": "
|
11028
|
+
"description": "Designates whether menu should open on activator click."
|
11033
11029
|
},
|
11034
11030
|
"VSpeedDial/open-on-hover": {
|
11035
11031
|
"type": "boolean\n",
|
@@ -11041,7 +11037,7 @@
|
|
11041
11037
|
},
|
11042
11038
|
"VSpeedDial/close-on-content-click": {
|
11043
11039
|
"type": "boolean\n",
|
11044
|
-
"description": "
|
11040
|
+
"description": "Designates if menu should close when its content is clicked."
|
11045
11041
|
},
|
11046
11042
|
"VSpeedDial/close-delay": {
|
11047
11043
|
"type": "string | number\n",
|
@@ -11051,6 +11047,10 @@
|
|
11051
11047
|
"type": "string | number\n",
|
11052
11048
|
"description": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop."
|
11053
11049
|
},
|
11050
|
+
"VSpeedDial/eager": {
|
11051
|
+
"type": "boolean\n",
|
11052
|
+
"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."
|
11053
|
+
},
|
11054
11054
|
"VSpeedDial/location-strategy": {
|
11055
11055
|
"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",
|
11056
11056
|
"description": "A function used to specifies how the component should position relative to its activator."
|
@@ -11064,16 +11064,16 @@
|
|
11064
11064
|
"description": "A single value that offsets content away from the target based upon what side it is on."
|
11065
11065
|
},
|
11066
11066
|
"VSpeedDial/scroll-strategy": {
|
11067
|
-
"type": "'close' | '
|
11067
|
+
"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
11068
|
"description": "Strategy used when the component is activate and user scrolls."
|
11069
11069
|
},
|
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
11070
|
"VSpeedDial/attach": {
|
11075
11071
|
"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."
|
11072
|
+
"description": "Specifies which DOM element the overlay content should teleport to. Can be a direct element reference, querySelector string, or `true` to disable teleporting. Uses `body` by default. Generally not recommended except as a last resort: the default positioning algorithm should handle most scenarios better than is possible without teleporting, and you may have unexpected behavior if the menu ends up as child of its activator."
|
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",
|
@@ -11623,38 +11623,38 @@
|
|
11623
11623
|
"type": "string\n",
|
11624
11624
|
"description": "Configure the active CSS class applied when an item is selected."
|
11625
11625
|
},
|
11626
|
-
"VStepperWindowItem/
|
11627
|
-
"type": "
|
11628
|
-
"description": "
|
11626
|
+
"VStepperWindowItem/eager": {
|
11627
|
+
"type": "boolean\n",
|
11628
|
+
"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."
|
11629
11629
|
},
|
11630
11630
|
"VStepperWindowItem/disabled": {
|
11631
11631
|
"type": "boolean\n",
|
11632
11632
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
11633
11633
|
},
|
11634
|
-
"VStepperWindowItem/
|
11635
|
-
"type": "
|
11636
|
-
"description": "
|
11634
|
+
"VStepperWindowItem/value": {
|
11635
|
+
"type": "any\n",
|
11636
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11637
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": "
|
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/tag": {
|
11655
11651
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
11656
11652
|
"description": "Specify a custom tag used on the root element."
|
11657
11653
|
},
|
11654
|
+
"VSvgIcon/icon": {
|
11655
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11656
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
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,50 +11663,14 @@
|
|
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/model-value": {
|
11667
|
+
"type": "unknown\n",
|
11668
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
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/prepend-icon": {
|
11695
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11696
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
11697
|
-
},
|
11698
|
-
"VSwitch/append-icon": {
|
11699
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11700
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11701
|
-
},
|
11702
|
-
"VSwitch/readonly": {
|
11703
|
-
"type": "boolean\n",
|
11704
|
-
"description": "Puts input in readonly state."
|
11705
|
-
},
|
11706
|
-
"VSwitch/ripple": {
|
11707
|
-
"type": "boolean | { class: string }\n",
|
11708
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11709
|
-
},
|
11710
11674
|
"VSwitch/density": {
|
11711
11675
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
11712
11676
|
"description": "Adjusts the vertical height used by the component."
|
@@ -11723,37 +11687,49 @@
|
|
11723
11687
|
"type": "string | number\n",
|
11724
11688
|
"description": "Sets the width for the component."
|
11725
11689
|
},
|
11726
|
-
"VSwitch/
|
11727
|
-
"type": "
|
11728
|
-
"description": "
|
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."
|
11690
|
+
"VSwitch/theme": {
|
11691
|
+
"type": "string\n",
|
11692
|
+
"description": "Specify a theme for this component and all of its children."
|
11733
11693
|
},
|
11734
11694
|
"VSwitch/color": {
|
11735
11695
|
"type": "string\n",
|
11736
11696
|
"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)."
|
11737
11697
|
},
|
11738
|
-
"VSwitch/
|
11739
|
-
"type": "
|
11740
|
-
"description": "
|
11698
|
+
"VSwitch/name": {
|
11699
|
+
"type": "string\n",
|
11700
|
+
"description": "Sets the component's name attribute."
|
11741
11701
|
},
|
11742
|
-
"VSwitch/
|
11743
|
-
"type": "
|
11744
|
-
"description": "
|
11702
|
+
"VSwitch/label": {
|
11703
|
+
"type": "string\n",
|
11704
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
11705
|
+
},
|
11706
|
+
"VSwitch/base-color": {
|
11707
|
+
"type": "string\n",
|
11708
|
+
"description": "Sets the color of the input when it is not focused."
|
11709
|
+
},
|
11710
|
+
"VSwitch/disabled": {
|
11711
|
+
"type": "boolean\n",
|
11712
|
+
"description": "Removes the ability to click or target the component."
|
11745
11713
|
},
|
11746
11714
|
"VSwitch/multiple": {
|
11747
11715
|
"type": "boolean\n",
|
11748
11716
|
"description": "Changes expected model to an array."
|
11749
11717
|
},
|
11750
|
-
"VSwitch/
|
11751
|
-
"type": "
|
11752
|
-
"description": "
|
11718
|
+
"VSwitch/value": {
|
11719
|
+
"type": "any\n",
|
11720
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11753
11721
|
},
|
11754
|
-
"VSwitch/
|
11755
|
-
"type": "
|
11756
|
-
"description": "
|
11722
|
+
"VSwitch/value-comparator": {
|
11723
|
+
"type": "(a: any, b: any) => boolean\n",
|
11724
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
11725
|
+
},
|
11726
|
+
"VSwitch/id": {
|
11727
|
+
"type": "string\n",
|
11728
|
+
"description": "Sets the DOM id on the component."
|
11729
|
+
},
|
11730
|
+
"VSwitch/append-icon": {
|
11731
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11732
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11757
11733
|
},
|
11758
11734
|
"VSwitch/center-affix": {
|
11759
11735
|
"type": "boolean\n",
|
@@ -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 | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\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."
|
@@ -11835,9 +11839,17 @@
|
|
11835
11839
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11836
11840
|
"description": "The icon used when active."
|
11837
11841
|
},
|
11838
|
-
"
|
11839
|
-
"type": "(
|
11840
|
-
"description": "
|
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."
|
11841
11853
|
},
|
11842
11854
|
"VSystemBar/height": {
|
11843
11855
|
"type": "string | number\n",
|
@@ -11859,22 +11871,10 @@
|
|
11859
11871
|
"type": "boolean\n",
|
11860
11872
|
"description": "Removes any applied **border-radius** from the component."
|
11861
11873
|
},
|
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
11874
|
"VSystemBar/color": {
|
11871
11875
|
"type": "string\n",
|
11872
11876
|
"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
11877
|
},
|
11874
|
-
"VSystemBar/name": {
|
11875
|
-
"type": "string\n",
|
11876
|
-
"description": "Assign a specific name for layout registration."
|
11877
|
-
},
|
11878
11878
|
"VSystemBar/order": {
|
11879
11879
|
"type": "string | number\n",
|
11880
11880
|
"description": "Adjust the order of the component in relation to its registration order."
|
@@ -11883,10 +11883,6 @@
|
|
11883
11883
|
"type": "boolean\n",
|
11884
11884
|
"description": "Increases the system bar height to 32px (24px default)."
|
11885
11885
|
},
|
11886
|
-
"VTab/text": {
|
11887
|
-
"type": "string | number | boolean\n",
|
11888
|
-
"description": "Specify content text for the component."
|
11889
|
-
},
|
11890
11886
|
"VTab/replace": {
|
11891
11887
|
"type": "boolean\n",
|
11892
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."
|
@@ -11895,24 +11891,72 @@
|
|
11895
11891
|
"type": "boolean\n",
|
11896
11892
|
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
|
11897
11893
|
},
|
11898
|
-
"VTab/
|
11899
|
-
"type": "string |
|
11900
|
-
"description": "
|
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_."
|
11894
|
+
"VTab/tag": {
|
11895
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11896
|
+
"description": "Specify a custom tag used on the root element."
|
11905
11897
|
},
|
11906
|
-
"VTab/
|
11907
|
-
"type": "
|
11908
|
-
"description": "
|
11898
|
+
"VTab/theme": {
|
11899
|
+
"type": "string\n",
|
11900
|
+
"description": "Specify a theme for this component and all of its children."
|
11909
11901
|
},
|
11910
|
-
"VTab/
|
11902
|
+
"VTab/size": {
|
11911
11903
|
"type": "string | number\n",
|
11912
|
-
"description": "Sets the height
|
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**."
|
11913
11905
|
},
|
11914
|
-
"VTab/
|
11915
|
-
"type": "
|
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
|
+
"VTab/active-color": {
|
11911
|
+
"type": "string\n",
|
11912
|
+
"description": "The applied color when the component is in an active state."
|
11913
|
+
},
|
11914
|
+
"VTab/base-color": {
|
11915
|
+
"type": "string\n",
|
11916
|
+
"description": "Sets the color of component when not focused."
|
11917
|
+
},
|
11918
|
+
"VTab/prepend-icon": {
|
11919
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11920
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
11921
|
+
},
|
11922
|
+
"VTab/append-icon": {
|
11923
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11924
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11925
|
+
},
|
11926
|
+
"VTab/readonly": {
|
11927
|
+
"type": "boolean\n",
|
11928
|
+
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
11929
|
+
},
|
11930
|
+
"VTab/slim": {
|
11931
|
+
"type": "boolean\n",
|
11932
|
+
"description": "Reduces padding to 0 8px."
|
11933
|
+
},
|
11934
|
+
"VTab/stacked": {
|
11935
|
+
"type": "boolean\n",
|
11936
|
+
"description": "Displays the tab as a flex-column."
|
11937
|
+
},
|
11938
|
+
"VTab/ripple": {
|
11939
|
+
"type": "boolean | { class: string }\n",
|
11940
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11941
|
+
},
|
11942
|
+
"VTab/text": {
|
11943
|
+
"type": "string | number | boolean\n",
|
11944
|
+
"description": "Specify content text for the component."
|
11945
|
+
},
|
11946
|
+
"VTab/border": {
|
11947
|
+
"type": "string | number | boolean\n",
|
11948
|
+
"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)."
|
11949
|
+
},
|
11950
|
+
"VTab/density": {
|
11951
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
11952
|
+
"description": "Adjusts the vertical height used by the component."
|
11953
|
+
},
|
11954
|
+
"VTab/height": {
|
11955
|
+
"type": "string | number\n",
|
11956
|
+
"description": "Sets the height for the component."
|
11957
|
+
},
|
11958
|
+
"VTab/max-height": {
|
11959
|
+
"type": "string | number\n",
|
11916
11960
|
"description": "Sets the maximum height for the component."
|
11917
11961
|
},
|
11918
11962
|
"VTab/max-width": {
|
@@ -11935,6 +11979,18 @@
|
|
11935
11979
|
"type": "string | number\n",
|
11936
11980
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11937
11981
|
},
|
11982
|
+
"VTab/disabled": {
|
11983
|
+
"type": "boolean\n",
|
11984
|
+
"description": "Removes the ability to click or target the component."
|
11985
|
+
},
|
11986
|
+
"VTab/selected-class": {
|
11987
|
+
"type": "string\n",
|
11988
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
11989
|
+
},
|
11990
|
+
"VTab/loading": {
|
11991
|
+
"type": "string | boolean\n",
|
11992
|
+
"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."
|
11993
|
+
},
|
11938
11994
|
"VTab/rounded": {
|
11939
11995
|
"type": "string | number | boolean\n",
|
11940
11996
|
"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)."
|
@@ -11943,90 +11999,34 @@
|
|
11943
11999
|
"type": "boolean\n",
|
11944
12000
|
"description": "Removes any applied **border-radius** from the component."
|
11945
12001
|
},
|
11946
|
-
"VTab/
|
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
|
-
},
|
11954
|
-
"VTab/color": {
|
12002
|
+
"VTab/href": {
|
11955
12003
|
"type": "string\n",
|
11956
|
-
"description": "
|
11957
|
-
},
|
11958
|
-
"VTab/variant": {
|
11959
|
-
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
11960
|
-
"description": "Applies a distinct style to the component."
|
12004
|
+
"description": "Designates the component as anchor and applies the **href** attribute."
|
11961
12005
|
},
|
11962
12006
|
"VTab/exact": {
|
11963
12007
|
"type": "boolean\n",
|
11964
12008
|
"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."
|
11965
12009
|
},
|
11966
|
-
"VTab/
|
11967
|
-
"type": "string\n",
|
11968
|
-
"description": "
|
12010
|
+
"VTab/to": {
|
12011
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
12012
|
+
"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."
|
11969
12013
|
},
|
11970
|
-
"VTab/
|
12014
|
+
"VTab/color": {
|
11971
12015
|
"type": "string\n",
|
11972
|
-
"description": "
|
11973
|
-
},
|
11974
|
-
"VTab/disabled": {
|
11975
|
-
"type": "boolean\n",
|
11976
|
-
"description": "Removes the ability to click or target the component."
|
11977
|
-
},
|
11978
|
-
"VTab/slim": {
|
11979
|
-
"type": "boolean\n",
|
11980
|
-
"description": "Reduces padding to 0 8px."
|
11981
|
-
},
|
11982
|
-
"VTab/value": {
|
11983
|
-
"type": "any\n",
|
11984
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11985
|
-
},
|
11986
|
-
"VTab/size": {
|
11987
|
-
"type": "string | number\n",
|
11988
|
-
"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**."
|
12016
|
+
"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)."
|
11989
12017
|
},
|
11990
|
-
"VTab/
|
11991
|
-
"type": "
|
11992
|
-
"description": "
|
12018
|
+
"VTab/variant": {
|
12019
|
+
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
12020
|
+
"description": "Applies a distinct style to the component."
|
11993
12021
|
},
|
11994
|
-
"VTab/
|
11995
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11996
|
-
"description": "
|
12022
|
+
"VTab/icon": {
|
12023
|
+
"type": " | boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12024
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_."
|
11997
12025
|
},
|
11998
12026
|
"VTab/direction": {
|
11999
12027
|
"type": "'horizontal' | 'vertical'\n",
|
12000
12028
|
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12001
12029
|
},
|
12002
|
-
"VTab/readonly": {
|
12003
|
-
"type": "boolean\n",
|
12004
|
-
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
12005
|
-
},
|
12006
|
-
"VTab/loading": {
|
12007
|
-
"type": "string | boolean\n",
|
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."
|
12009
|
-
},
|
12010
|
-
"VTab/href": {
|
12011
|
-
"type": "string\n",
|
12012
|
-
"description": "Designates the component as anchor and applies the **href** attribute."
|
12013
|
-
},
|
12014
|
-
"VTab/to": {
|
12015
|
-
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
12016
|
-
"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
|
-
},
|
12018
|
-
"VTab/selected-class": {
|
12019
|
-
"type": "string\n",
|
12020
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
12021
|
-
},
|
12022
|
-
"VTab/ripple": {
|
12023
|
-
"type": "boolean | { class: string }\n",
|
12024
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
12025
|
-
},
|
12026
|
-
"VTab/stacked": {
|
12027
|
-
"type": "boolean\n",
|
12028
|
-
"description": "Displays the tab as a flex-column."
|
12029
|
-
},
|
12030
12030
|
"VTab/slider-color": {
|
12031
12031
|
"type": "string\n",
|
12032
12032
|
"description": "Applies specified color to the slider when active on that component - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
@@ -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/tag": {
|
12039
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
12040
|
-
"description": "Specify a custom tag used on the root element."
|
12041
|
-
},
|
12042
|
-
"VTable/theme": {
|
12043
|
-
"type": "string\n",
|
12044
|
-
"description": "Specify a theme for this component and all of its children."
|
12045
|
-
},
|
12046
12038
|
"VTable/density": {
|
12047
12039
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
12048
12040
|
"description": "Adjusts the vertical height used by the component."
|
@@ -12051,9 +12043,13 @@
|
|
12051
12043
|
"type": "string | number\n",
|
12052
12044
|
"description": "Use the height prop to set the height of the table."
|
12053
12045
|
},
|
12054
|
-
"VTable/
|
12055
|
-
"type": "
|
12056
|
-
"description": "
|
12046
|
+
"VTable/tag": {
|
12047
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12048
|
+
"description": "Specify a custom tag used on the root element."
|
12049
|
+
},
|
12050
|
+
"VTable/theme": {
|
12051
|
+
"type": "string\n",
|
12052
|
+
"description": "Specify a theme for this component and all of its children."
|
12057
12053
|
},
|
12058
12054
|
"VTable/fixed-header": {
|
12059
12055
|
"type": "boolean\n",
|
@@ -12063,21 +12059,17 @@
|
|
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": "
|
12072
|
-
"description": "
|
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/stacked": {
|
12079
|
-
"type": "boolean\n",
|
12080
|
-
"description": "Apply the stacked prop to all children v-tab components."
|
12070
|
+
"VTabs/model-value": {
|
12071
|
+
"type": "any\n",
|
12072
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12081
12073
|
},
|
12082
12074
|
"VTabs/density": {
|
12083
12075
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12087,41 +12079,21 @@
|
|
12087
12079
|
"type": "string | number\n",
|
12088
12080
|
"description": "Sets the height of the tabs bar."
|
12089
12081
|
},
|
12090
|
-
"VTabs/
|
12091
|
-
"type": "
|
12092
|
-
"description": "
|
12093
|
-
},
|
12094
|
-
"VTabs/selected-class": {
|
12095
|
-
"type": "string\n",
|
12096
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
12082
|
+
"VTabs/tag": {
|
12083
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12084
|
+
"description": "Specify a custom tag used on the root element."
|
12097
12085
|
},
|
12098
12086
|
"VTabs/color": {
|
12099
12087
|
"type": "string\n",
|
12100
12088
|
"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)."
|
12101
12089
|
},
|
12102
|
-
"VTabs/max": {
|
12103
|
-
"type": "number\n",
|
12104
|
-
"description": "Sets a maximum number of selections that can be made."
|
12105
|
-
},
|
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."
|
12109
|
-
},
|
12110
12090
|
"VTabs/bg-color": {
|
12111
12091
|
"type": "string\n",
|
12112
12092
|
"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)."
|
12113
12093
|
},
|
12114
|
-
"VTabs/
|
12115
|
-
"type": "boolean\n",
|
12116
|
-
"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"
|
12117
|
-
},
|
12118
|
-
"VTabs/mobile-breakpoint": {
|
12119
|
-
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
|
12120
|
-
"description": "Sets the designated mobile breakpoint for the component."
|
12121
|
-
},
|
12122
|
-
"VTabs/grow": {
|
12094
|
+
"VTabs/disabled": {
|
12123
12095
|
"type": "boolean\n",
|
12124
|
-
"description": "
|
12096
|
+
"description": "Puts all children components into a disabled state."
|
12125
12097
|
},
|
12126
12098
|
"VTabs/multiple": {
|
12127
12099
|
"type": "boolean\n",
|
@@ -12131,34 +12103,62 @@
|
|
12131
12103
|
"type": "boolean | 'force'\n",
|
12132
12104
|
"description": "Forces at least one item to always be selected (if available)."
|
12133
12105
|
},
|
12134
|
-
"VTabs/
|
12135
|
-
"type": "
|
12136
|
-
"description": "
|
12106
|
+
"VTabs/items": {
|
12107
|
+
"type": "unknown[]\n",
|
12108
|
+
"description": "The items to display in the component. This can be an array of strings or objects with a property `text`."
|
12109
|
+
},
|
12110
|
+
"VTabs/direction": {
|
12111
|
+
"type": "'horizontal' | 'vertical'\n",
|
12112
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12113
|
+
},
|
12114
|
+
"VTabs/max": {
|
12115
|
+
"type": "number\n",
|
12116
|
+
"description": "Sets a maximum number of selections that can be made."
|
12117
|
+
},
|
12118
|
+
"VTabs/mobile": {
|
12119
|
+
"type": "boolean\n",
|
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"
|
12121
|
+
},
|
12122
|
+
"VTabs/mobile-breakpoint": {
|
12123
|
+
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n",
|
12124
|
+
"description": "Sets the designated mobile breakpoint for the component."
|
12137
12125
|
},
|
12138
12126
|
"VTabs/prev-icon": {
|
12139
12127
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12140
12128
|
"description": "Left pagination icon."
|
12141
12129
|
},
|
12142
|
-
"VTabs/
|
12143
|
-
"type": "string |
|
12144
|
-
"description": "
|
12130
|
+
"VTabs/next-icon": {
|
12131
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12132
|
+
"description": "Right pagination icon."
|
12145
12133
|
},
|
12146
|
-
"VTabs/
|
12147
|
-
"type": "
|
12148
|
-
"description": "
|
12134
|
+
"VTabs/selected-class": {
|
12135
|
+
"type": "string\n",
|
12136
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
12137
|
+
},
|
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' | 'end' | 'start' | '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,18 +12167,14 @@
|
|
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": "any\n",
|
12172
|
-
"description": "
|
12170
|
+
"VTabsWindow/tag": {
|
12171
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12172
|
+
"description": "Specify a custom tag used on the root element."
|
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
|
-
},
|
12182
12178
|
"VTabsWindow/theme": {
|
12183
12179
|
"type": "string\n",
|
12184
12180
|
"description": "Specify a theme for this component and all of its children."
|
@@ -12187,38 +12183,42 @@
|
|
12187
12183
|
"type": "boolean\n",
|
12188
12184
|
"description": "Removes the ability to click or target the component."
|
12189
12185
|
},
|
12190
|
-
"VTabsWindow/direction": {
|
12191
|
-
"type": "'horizontal' | 'vertical'\n",
|
12192
|
-
"description": "The transition direction when changing windows."
|
12193
|
-
},
|
12194
12186
|
"VTabsWindow/selected-class": {
|
12195
12187
|
"type": "string\n",
|
12196
12188
|
"description": "Configure the active CSS class applied when an item is selected."
|
12197
12189
|
},
|
12198
|
-
"
|
12199
|
-
"type": "
|
12200
|
-
"description": "
|
12190
|
+
"VTabsWindow/model-value": {
|
12191
|
+
"type": "any\n",
|
12192
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12201
12193
|
},
|
12202
|
-
"
|
12203
|
-
"type": "
|
12204
|
-
"description": "
|
12194
|
+
"VTabsWindow/direction": {
|
12195
|
+
"type": "'horizontal' | 'vertical'\n",
|
12196
|
+
"description": "The transition direction when changing windows."
|
12205
12197
|
},
|
12206
12198
|
"VTabsWindowItem/value": {
|
12207
12199
|
"type": "any\n",
|
12208
12200
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
12209
12201
|
},
|
12202
|
+
"VTabsWindowItem/disabled": {
|
12203
|
+
"type": "boolean\n",
|
12204
|
+
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
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,17 +12227,49 @@
|
|
12227
12227
|
"type": "string\n",
|
12228
12228
|
"description": "Sets input type."
|
12229
12229
|
},
|
12230
|
-
"VTextField/
|
12231
|
-
"type": "
|
12232
|
-
"description": "
|
12230
|
+
"VTextField/reverse": {
|
12231
|
+
"type": "boolean\n",
|
12232
|
+
"description": "Reverses the input orientation."
|
12233
|
+
},
|
12234
|
+
"VTextField/name": {
|
12235
|
+
"type": "string\n",
|
12236
|
+
"description": "Sets the component's name attribute."
|
12233
12237
|
},
|
12234
12238
|
"VTextField/error": {
|
12235
12239
|
"type": "boolean\n",
|
12236
12240
|
"description": "Puts the input in a manual error state."
|
12237
12241
|
},
|
12238
|
-
"VTextField/
|
12242
|
+
"VTextField/label": {
|
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/active": {
|
12239
12255
|
"type": "boolean\n",
|
12240
|
-
"description": "
|
12256
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
12257
|
+
},
|
12258
|
+
"VTextField/base-color": {
|
12259
|
+
"type": "string\n",
|
12260
|
+
"description": "Sets the color of the input when it is not focused."
|
12261
|
+
},
|
12262
|
+
"VTextField/prepend-icon": {
|
12263
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12264
|
+
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`."
|
12265
|
+
},
|
12266
|
+
"VTextField/append-icon": {
|
12267
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12268
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12269
|
+
},
|
12270
|
+
"VTextField/readonly": {
|
12271
|
+
"type": "boolean\n",
|
12272
|
+
"description": "Puts input in readonly state."
|
12241
12273
|
},
|
12242
12274
|
"VTextField/density": {
|
12243
12275
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12255,6 +12287,14 @@
|
|
12255
12287
|
"type": "string | number\n",
|
12256
12288
|
"description": "Sets the width for the component."
|
12257
12289
|
},
|
12290
|
+
"VTextField/disabled": {
|
12291
|
+
"type": "boolean\n",
|
12292
|
+
"description": "Removes the ability to click or target the input."
|
12293
|
+
},
|
12294
|
+
"VTextField/loading": {
|
12295
|
+
"type": "string | boolean\n",
|
12296
|
+
"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."
|
12297
|
+
},
|
12258
12298
|
"VTextField/rounded": {
|
12259
12299
|
"type": "string | number | boolean\n",
|
12260
12300
|
"description": "Adds a border radius to the input."
|
@@ -12263,10 +12303,6 @@
|
|
12263
12303
|
"type": "boolean\n",
|
12264
12304
|
"description": "Removes any applied **border-radius** from the component."
|
12265
12305
|
},
|
12266
|
-
"VTextField/theme": {
|
12267
|
-
"type": "string\n",
|
12268
|
-
"description": "Specify a theme for this component and all of its children."
|
12269
|
-
},
|
12270
12306
|
"VTextField/color": {
|
12271
12307
|
"type": "string\n",
|
12272
12308
|
"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)."
|
@@ -12275,65 +12311,29 @@
|
|
12275
12311
|
"type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
|
12276
12312
|
"description": "Applies a distinct style to the component."
|
12277
12313
|
},
|
12278
|
-
"VTextField/
|
12279
|
-
"type": "
|
12280
|
-
"description": "
|
12281
|
-
},
|
12282
|
-
"VTextField/label": {
|
12283
|
-
"type": "string\n",
|
12284
|
-
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12285
|
-
},
|
12286
|
-
"VTextField/base-color": {
|
12287
|
-
"type": "string\n",
|
12288
|
-
"description": "Sets the color of the input when it is not focused."
|
12314
|
+
"VTextField/model-value": {
|
12315
|
+
"type": "any\n",
|
12316
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12289
12317
|
},
|
12290
12318
|
"VTextField/bg-color": {
|
12291
12319
|
"type": "string\n",
|
12292
12320
|
"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)."
|
12293
12321
|
},
|
12294
|
-
"VTextField/disabled": {
|
12295
|
-
"type": "boolean\n",
|
12296
|
-
"description": "Removes the ability to click or target the input."
|
12297
|
-
},
|
12298
|
-
"VTextField/id": {
|
12299
|
-
"type": "string\n",
|
12300
|
-
"description": "Sets the DOM id on the component."
|
12301
|
-
},
|
12302
|
-
"VTextField/autofocus": {
|
12303
|
-
"type": "boolean\n",
|
12304
|
-
"description": "Enables autofocus."
|
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."
|
12309
|
-
},
|
12310
12322
|
"VTextField/prefix": {
|
12311
12323
|
"type": "string\n",
|
12312
12324
|
"description": "Displays prefix text."
|
12313
12325
|
},
|
12314
|
-
"VTextField/placeholder": {
|
12315
|
-
"type": "string\n",
|
12316
|
-
"description": "Sets the input’s placeholder text."
|
12317
|
-
},
|
12318
|
-
"VTextField/persistent-placeholder": {
|
12319
|
-
"type": "boolean\n",
|
12320
|
-
"description": "Forces placeholder to always be visible."
|
12321
|
-
},
|
12322
|
-
"VTextField/persistent-counter": {
|
12323
|
-
"type": "boolean\n",
|
12324
|
-
"description": "Forces counter to always be visible."
|
12325
|
-
},
|
12326
|
-
"VTextField/suffix": {
|
12327
|
-
"type": "string\n",
|
12328
|
-
"description": "Displays suffix text."
|
12329
|
-
},
|
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 | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\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,6 +12391,26 @@
|
|
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
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."
|
@@ -12415,10 +12423,6 @@
|
|
12415
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."
|
@@ -12435,10 +12439,6 @@
|
|
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,49 +12451,17 @@
|
|
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": "
|
12457
|
-
},
|
12458
|
-
"VTextarea/name": {
|
12459
|
-
"type": "string\n",
|
12460
|
-
"description": "Sets the component's name attribute."
|
12454
|
+
"VTextarea/model-value": {
|
12455
|
+
"type": "any\n",
|
12456
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12461
12457
|
},
|
12462
12458
|
"VTextarea/error": {
|
12463
12459
|
"type": "boolean\n",
|
12464
12460
|
"description": "Puts the input in a manual error state."
|
12465
12461
|
},
|
12466
|
-
"VTextarea/
|
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/active": {
|
12479
|
-
"type": "boolean\n",
|
12480
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
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/prepend-icon": {
|
12487
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12488
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
12489
|
-
},
|
12490
|
-
"VTextarea/append-icon": {
|
12491
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12492
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12493
|
-
},
|
12494
|
-
"VTextarea/readonly": {
|
12462
|
+
"VTextarea/reverse": {
|
12495
12463
|
"type": "boolean\n",
|
12496
|
-
"description": "
|
12464
|
+
"description": "Reverses the orientation."
|
12497
12465
|
},
|
12498
12466
|
"VTextarea/density": {
|
12499
12467
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -12511,14 +12479,6 @@
|
|
12511
12479
|
"type": "string | number\n",
|
12512
12480
|
"description": "Sets the width for the component."
|
12513
12481
|
},
|
12514
|
-
"VTextarea/disabled": {
|
12515
|
-
"type": "boolean\n",
|
12516
|
-
"description": "Removes the ability to click or target the input."
|
12517
|
-
},
|
12518
|
-
"VTextarea/loading": {
|
12519
|
-
"type": "string | boolean\n",
|
12520
|
-
"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."
|
12521
|
-
},
|
12522
12482
|
"VTextarea/rounded": {
|
12523
12483
|
"type": "string | number | boolean\n",
|
12524
12484
|
"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)."
|
@@ -12527,6 +12487,10 @@
|
|
12527
12487
|
"type": "boolean\n",
|
12528
12488
|
"description": "Removes any applied **border-radius** from the component."
|
12529
12489
|
},
|
12490
|
+
"VTextarea/theme": {
|
12491
|
+
"type": "string\n",
|
12492
|
+
"description": "Specify a theme for this component and all of its children."
|
12493
|
+
},
|
12530
12494
|
"VTextarea/color": {
|
12531
12495
|
"type": "string\n",
|
12532
12496
|
"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)."
|
@@ -12535,26 +12499,62 @@
|
|
12535
12499
|
"type": " | 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'\n",
|
12536
12500
|
"description": "Applies a distinct style to the component."
|
12537
12501
|
},
|
12538
|
-
"VTextarea/
|
12539
|
-
"type": "
|
12540
|
-
"description": "
|
12502
|
+
"VTextarea/name": {
|
12503
|
+
"type": "string\n",
|
12504
|
+
"description": "Sets the component's name attribute."
|
12505
|
+
},
|
12506
|
+
"VTextarea/label": {
|
12507
|
+
"type": "string\n",
|
12508
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
12509
|
+
},
|
12510
|
+
"VTextarea/base-color": {
|
12511
|
+
"type": "string\n",
|
12512
|
+
"description": "Sets the color of the input when it is not focused."
|
12541
12513
|
},
|
12542
12514
|
"VTextarea/bg-color": {
|
12543
12515
|
"type": "string\n",
|
12544
12516
|
"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)."
|
12545
12517
|
},
|
12518
|
+
"VTextarea/disabled": {
|
12519
|
+
"type": "boolean\n",
|
12520
|
+
"description": "Removes the ability to click or target the input."
|
12521
|
+
},
|
12522
|
+
"VTextarea/id": {
|
12523
|
+
"type": "string\n",
|
12524
|
+
"description": "Sets the DOM id on the component."
|
12525
|
+
},
|
12526
|
+
"VTextarea/autofocus": {
|
12527
|
+
"type": "boolean\n",
|
12528
|
+
"description": "The element should be focused as soon as the page loads."
|
12529
|
+
},
|
12530
|
+
"VTextarea/counter": {
|
12531
|
+
"type": "string | number | true\n",
|
12532
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12533
|
+
},
|
12546
12534
|
"VTextarea/prefix": {
|
12547
12535
|
"type": "string\n",
|
12548
12536
|
"description": "Displays prefix text."
|
12549
12537
|
},
|
12550
|
-
"VTextarea/direction": {
|
12551
|
-
"type": "'horizontal' | 'vertical'\n",
|
12552
|
-
"description": "Changes the direction of the input."
|
12553
|
-
},
|
12554
12538
|
"VTextarea/placeholder": {
|
12555
12539
|
"type": "string\n",
|
12556
12540
|
"description": "Sets the input's placeholder text."
|
12557
12541
|
},
|
12542
|
+
"VTextarea/persistent-placeholder": {
|
12543
|
+
"type": "boolean\n",
|
12544
|
+
"description": "Forces placeholder to always be visible."
|
12545
|
+
},
|
12546
|
+
"VTextarea/persistent-counter": {
|
12547
|
+
"type": "boolean\n",
|
12548
|
+
"description": "Forces counter to always be visible."
|
12549
|
+
},
|
12550
|
+
"VTextarea/suffix": {
|
12551
|
+
"type": "string\n",
|
12552
|
+
"description": "Displays suffix text."
|
12553
|
+
},
|
12554
|
+
"VTextarea/append-icon": {
|
12555
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12556
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
12557
|
+
},
|
12558
12558
|
"VTextarea/center-affix": {
|
12559
12559
|
"type": "boolean\n",
|
12560
12560
|
"description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center."
|
@@ -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 | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\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,26 +12623,6 @@
|
|
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
12627
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
12636
12628
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot."
|
@@ -12643,6 +12635,10 @@
|
|
12643
12635
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\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."
|
@@ -12659,6 +12655,10 @@
|
|
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."
|
@@ -12687,26 +12687,34 @@
|
|
12687
12687
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
12688
12688
|
"description": "Specify a custom tag used on the root element."
|
12689
12689
|
},
|
12690
|
-
"VThemeProvider/theme": {
|
12690
|
+
"VThemeProvider/theme": {
|
12691
|
+
"type": "string\n",
|
12692
|
+
"description": "Specify a theme for this component and all of its children."
|
12693
|
+
},
|
12694
|
+
"VThemeProvider/with-background": {
|
12695
|
+
"type": "boolean\n",
|
12696
|
+
"description": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
|
12697
|
+
},
|
12698
|
+
"VTimePicker/tag": {
|
12699
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12700
|
+
"description": "Specify a custom tag used on the root element."
|
12701
|
+
},
|
12702
|
+
"VTimePicker/title": {
|
12703
|
+
"type": "string\n",
|
12704
|
+
"description": "Specify a title text for the component."
|
12705
|
+
},
|
12706
|
+
"VTimePicker/theme": {
|
12691
12707
|
"type": "string\n",
|
12692
12708
|
"description": "Specify a theme for this component and all of its children."
|
12693
12709
|
},
|
12694
|
-
"
|
12710
|
+
"VTimePicker/readonly": {
|
12695
12711
|
"type": "boolean\n",
|
12696
|
-
"description": "
|
12697
|
-
},
|
12698
|
-
"VTimePicker/title": {
|
12699
|
-
"type": "string\n",
|
12700
|
-
"description": "Specify a title text for the component."
|
12712
|
+
"description": "Puts picker in readonly state."
|
12701
12713
|
},
|
12702
12714
|
"VTimePicker/border": {
|
12703
12715
|
"type": "string | number | boolean\n",
|
12704
12716
|
"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
12717
|
},
|
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
12718
|
"VTimePicker/height": {
|
12711
12719
|
"type": "string | number\n",
|
12712
12720
|
"description": "Sets the height for the component."
|
@@ -12735,12 +12743,16 @@
|
|
12735
12743
|
"type": "string | number\n",
|
12736
12744
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
12737
12745
|
},
|
12746
|
+
"VTimePicker/disabled": {
|
12747
|
+
"type": "boolean\n",
|
12748
|
+
"description": "Removes the ability to click or target the component."
|
12749
|
+
},
|
12738
12750
|
"VTimePicker/location": {
|
12739
12751
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
12740
12752
|
"description": "Specifies the component's location. Can combine by using a space separated string."
|
12741
12753
|
},
|
12742
12754
|
"VTimePicker/position": {
|
12743
|
-
"type": "'fixed' | '
|
12755
|
+
"type": "'fixed' | 'relative' | 'static' | 'absolute' | 'sticky'\n",
|
12744
12756
|
"description": "Sets the position for the component."
|
12745
12757
|
},
|
12746
12758
|
"VTimePicker/rounded": {
|
@@ -12751,33 +12763,33 @@
|
|
12751
12763
|
"type": "boolean\n",
|
12752
12764
|
"description": "Removes any applied **border-radius** from the component."
|
12753
12765
|
},
|
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
12766
|
"VTimePicker/color": {
|
12763
12767
|
"type": "string\n",
|
12764
12768
|
"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
12769
|
},
|
12770
|
+
"VTimePicker/max": {
|
12771
|
+
"type": "string\n",
|
12772
|
+
"description": "Maximum allowed time."
|
12773
|
+
},
|
12774
|
+
"VTimePicker/model-value": {
|
12775
|
+
"type": "any\n",
|
12776
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12777
|
+
},
|
12766
12778
|
"VTimePicker/bg-color": {
|
12767
12779
|
"type": "string\n",
|
12768
12780
|
"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)."
|
12769
12781
|
},
|
12770
|
-
"VTimePicker/
|
12782
|
+
"VTimePicker/scrollable": {
|
12771
12783
|
"type": "boolean\n",
|
12772
|
-
"description": "
|
12784
|
+
"description": "Allows changing hour/minute with mouse scroll."
|
12773
12785
|
},
|
12774
|
-
"VTimePicker/
|
12786
|
+
"VTimePicker/divided": {
|
12775
12787
|
"type": "boolean\n",
|
12776
|
-
"description": "
|
12788
|
+
"description": "Adds a divider between the header and controls."
|
12777
12789
|
},
|
12778
|
-
"VTimePicker/
|
12779
|
-
"type": "
|
12780
|
-
"description": "
|
12790
|
+
"VTimePicker/hide-header": {
|
12791
|
+
"type": "boolean\n",
|
12792
|
+
"description": "Hide the picker header."
|
12781
12793
|
},
|
12782
12794
|
"VTimePicker/min": {
|
12783
12795
|
"type": "string\n",
|
@@ -12787,18 +12799,6 @@
|
|
12787
12799
|
"type": "'hour' | 'minute' | 'second'\n",
|
12788
12800
|
"description": "The current view mode of thep picker.`"
|
12789
12801
|
},
|
12790
|
-
"VTimePicker/divided": {
|
12791
|
-
"type": "boolean\n",
|
12792
|
-
"description": "Adds a divider between the header and controls."
|
12793
|
-
},
|
12794
|
-
"VTimePicker/hide-header": {
|
12795
|
-
"type": "boolean\n",
|
12796
|
-
"description": "Hide the picker header."
|
12797
|
-
},
|
12798
|
-
"VTimePicker/scrollable": {
|
12799
|
-
"type": "boolean\n",
|
12800
|
-
"description": "Allows changing hour/minute with mouse scroll."
|
12801
|
-
},
|
12802
12802
|
"VTimePicker/ampm-in-title": {
|
12803
12803
|
"type": "boolean\n",
|
12804
12804
|
"description": "Place AM/PM switch in title, not near the clock."
|
@@ -12823,30 +12823,26 @@
|
|
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
|
+
},
|
12830
|
+
"VTimePickerClock/color": {
|
12831
|
+
"type": "string\n",
|
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)."
|
12829
12833
|
},
|
12830
12834
|
"VTimePickerClock/disabled": {
|
12831
12835
|
"type": "boolean\n",
|
12832
12836
|
"description": "Removes the ability to click or target the component."
|
12833
12837
|
},
|
12834
|
-
"VTimePickerClock/
|
12835
|
-
"type": "
|
12836
|
-
"description": "
|
12838
|
+
"VTimePickerClock/readonly": {
|
12839
|
+
"type": "boolean\n",
|
12840
|
+
"description": "When true, the picker is in a read-only state, and users cannot modify the selected time."
|
12837
12841
|
},
|
12838
12842
|
"VTimePickerClock/max": {
|
12839
12843
|
"type": "number\n",
|
12840
12844
|
"description": "Defines the maximum time value that can be selected."
|
12841
12845
|
},
|
12842
|
-
"VTimePickerClock/model-value": {
|
12843
|
-
"type": "number\n",
|
12844
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
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
|
-
},
|
12850
12846
|
"VTimePickerClock/min": {
|
12851
12847
|
"type": "number\n",
|
12852
12848
|
"description": "Defines the minimum time value that can be selected."
|
@@ -12859,6 +12855,10 @@
|
|
12859
12855
|
"type": "number\n",
|
12860
12856
|
"description": "Controls rotation, specifying the degree of rotation for the clock hands."
|
12861
12857
|
},
|
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,13 +12899,17 @@
|
|
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
|
+
},
|
12902
12906
|
"VTimePickerControls/ampm-in-title": {
|
12903
12907
|
"type": "boolean\n",
|
12904
12908
|
"description": "Displays AM/PM in the title."
|
12905
12909
|
},
|
12906
|
-
"VTimePickerControls/ampm": {
|
12910
|
+
"VTimePickerControls/ampm-readonly": {
|
12907
12911
|
"type": "boolean\n",
|
12908
|
-
"description": "
|
12912
|
+
"description": "Makes AM/PM controls readonly."
|
12909
12913
|
},
|
12910
12914
|
"VTimePickerControls/hour": {
|
12911
12915
|
"type": "number\n",
|
@@ -12923,10 +12927,6 @@
|
|
12923
12927
|
"type": "boolean\n",
|
12924
12928
|
"description": "Enables the display and selection of seconds in the timepicker."
|
12925
12929
|
},
|
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`."
|
@@ -13159,14 +13159,18 @@
|
|
13159
13159
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
13160
13160
|
"description": "Specify a custom tag used on the root element."
|
13161
13161
|
},
|
13162
|
+
"VTooltip/theme": {
|
13163
|
+
"type": "string\n",
|
13164
|
+
"description": "Specify a theme for this component and all of its children."
|
13165
|
+
},
|
13166
|
+
"VTooltip/id": {
|
13167
|
+
"type": "string\n",
|
13168
|
+
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13169
|
+
},
|
13162
13170
|
"VTooltip/text": {
|
13163
13171
|
"type": "string\n",
|
13164
13172
|
"description": "Specify content text for the component."
|
13165
13173
|
},
|
13166
|
-
"VTooltip/model-value": {
|
13167
|
-
"type": "boolean\n",
|
13168
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13169
|
-
},
|
13170
13174
|
"VTooltip/height": {
|
13171
13175
|
"type": "string | number\n",
|
13172
13176
|
"description": "Sets the height for the component."
|
@@ -13191,30 +13195,26 @@
|
|
13191
13195
|
"type": "string | number\n",
|
13192
13196
|
"description": "Sets the width for the component."
|
13193
13197
|
},
|
13198
|
+
"VTooltip/disabled": {
|
13199
|
+
"type": "boolean\n",
|
13200
|
+
"description": "Removes the ability to click or target the component."
|
13201
|
+
},
|
13194
13202
|
"VTooltip/location": {
|
13195
13203
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
13196
13204
|
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
13197
13205
|
},
|
13198
|
-
"VTooltip/
|
13199
|
-
"type": "string\n",
|
13200
|
-
"description": "Specify a theme for this component and all of its children."
|
13201
|
-
},
|
13202
|
-
"VTooltip/eager": {
|
13206
|
+
"VTooltip/model-value": {
|
13203
13207
|
"type": "boolean\n",
|
13204
|
-
"description": "
|
13208
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13205
13209
|
},
|
13206
|
-
"VTooltip/
|
13207
|
-
"type": "boolean\n",
|
13208
|
-
"description": "
|
13210
|
+
"VTooltip/transition": {
|
13211
|
+
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
13212
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13209
13213
|
},
|
13210
13214
|
"VTooltip/activator": {
|
13211
13215
|
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
13212
13216
|
"description": "Explicitly sets the overlay's activator."
|
13213
13217
|
},
|
13214
|
-
"VTooltip/id": {
|
13215
|
-
"type": "string\n",
|
13216
|
-
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13217
|
-
},
|
13218
13218
|
"VTooltip/close-on-back": {
|
13219
13219
|
"type": "boolean\n",
|
13220
13220
|
"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."
|
@@ -13279,6 +13279,10 @@
|
|
13279
13279
|
"type": "string | number\n",
|
13280
13280
|
"description": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**)."
|
13281
13281
|
},
|
13282
|
+
"VTooltip/eager": {
|
13283
|
+
"type": "boolean\n",
|
13284
|
+
"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."
|
13285
|
+
},
|
13282
13286
|
"VTooltip/location-strategy": {
|
13283
13287
|
"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",
|
13284
13288
|
"description": "A function used to specifies how the component should position relative to its activator."
|
@@ -13292,13 +13296,9 @@
|
|
13292
13296
|
"description": "A single value that offsets content away from the target based upon what side it is on."
|
13293
13297
|
},
|
13294
13298
|
"VTooltip/scroll-strategy": {
|
13295
|
-
"type": "'close' | '
|
13299
|
+
"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",
|
13296
13300
|
"description": "Strategy used when the component is activate and user scrolls."
|
13297
13301
|
},
|
13298
|
-
"VTooltip/transition": {
|
13299
|
-
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
13300
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13301
|
-
},
|
13302
13302
|
"VTooltip/attach": {
|
13303
13303
|
"type": "string | boolean | Element\n",
|
13304
13304
|
"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."
|
@@ -13311,38 +13311,14 @@
|
|
13311
13311
|
"type": "string\n",
|
13312
13312
|
"description": "The search model for filtering results."
|
13313
13313
|
},
|
13314
|
-
"VTreeview/tag": {
|
13315
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13316
|
-
"description": "Specify a custom tag used on the root element."
|
13317
|
-
},
|
13318
|
-
"VTreeview/activated": {
|
13319
|
-
"type": "any\n",
|
13320
|
-
"description": "Array of ids of activated nodes."
|
13321
|
-
},
|
13322
|
-
"VTreeview/theme": {
|
13323
|
-
"type": "string\n",
|
13324
|
-
"description": "Specify a theme for this component and all of its children."
|
13325
|
-
},
|
13326
|
-
"VTreeview/items": {
|
13327
|
-
"type": "unknown[]\n",
|
13328
|
-
"description": "An array of items used to build the treeview."
|
13329
|
-
},
|
13330
|
-
"VTreeview/active-color": {
|
13331
|
-
"type": "string\n",
|
13332
|
-
"description": "The applied color when the component is in an active state."
|
13333
|
-
},
|
13334
|
-
"VTreeview/base-color": {
|
13335
|
-
"type": "string\n",
|
13336
|
-
"description": "Sets the color of component when not focused."
|
13337
|
-
},
|
13338
|
-
"VTreeview/slim": {
|
13339
|
-
"type": "boolean\n",
|
13340
|
-
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
13341
|
-
},
|
13342
13314
|
"VTreeview/border": {
|
13343
13315
|
"type": "string | number | boolean\n",
|
13344
13316
|
"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)."
|
13345
13317
|
},
|
13318
|
+
"VTreeview/model-value": {
|
13319
|
+
"type": "unknown[]\n",
|
13320
|
+
"description": "Allows one to control which nodes are selected. The array contains the values of currently selected items. It is equivalent to the `v-model:selected`"
|
13321
|
+
},
|
13346
13322
|
"VTreeview/density": {
|
13347
13323
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
13348
13324
|
"description": "Adjusts the vertical height used by the component."
|
@@ -13375,10 +13351,6 @@
|
|
13375
13351
|
"type": "string | number\n",
|
13376
13352
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13377
13353
|
},
|
13378
|
-
"VTreeview/disabled": {
|
13379
|
-
"type": "boolean\n",
|
13380
|
-
"description": "Disables selection for all nodes."
|
13381
|
-
},
|
13382
13354
|
"VTreeview/rounded": {
|
13383
13355
|
"type": "string | number | boolean\n",
|
13384
13356
|
"description": "Provides an alternative active style for `v-treeview` node. Only visible when `activatable` is `true` and should not be used in conjunction with the `shaped` prop."
|
@@ -13387,57 +13359,25 @@
|
|
13387
13359
|
"type": "boolean\n",
|
13388
13360
|
"description": "Removes any applied **border-radius** from the component."
|
13389
13361
|
},
|
13362
|
+
"VTreeview/tag": {
|
13363
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13364
|
+
"description": "Specify a custom tag used on the root element."
|
13365
|
+
},
|
13366
|
+
"VTreeview/theme": {
|
13367
|
+
"type": "string\n",
|
13368
|
+
"description": "Specify a theme for this component and all of its children."
|
13369
|
+
},
|
13390
13370
|
"VTreeview/color": {
|
13391
13371
|
"type": "string\n",
|
13392
13372
|
"description": "Applies specified color to the active node - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13393
13373
|
},
|
13394
13374
|
"VTreeview/variant": {
|
13395
|
-
"type": "'
|
13375
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13396
13376
|
"description": "Applies a distinct style to the component."
|
13397
13377
|
},
|
13398
|
-
"VTreeview/
|
13399
|
-
"type": "unknown[]\n",
|
13400
|
-
"description": "Allows one to control which nodes are selected. The array contains the values of currently selected items. It is equivalent to the `v-model:selected`"
|
13401
|
-
},
|
13402
|
-
"VTreeview/bg-color": {
|
13403
|
-
"type": "string\n",
|
13404
|
-
"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)."
|
13405
|
-
},
|
13406
|
-
"VTreeview/lines": {
|
13407
|
-
"type": "false | 'one' | 'two' | 'three'\n",
|
13408
|
-
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
13409
|
-
},
|
13410
|
-
"VTreeview/mandatory": {
|
13411
|
-
"type": "boolean\n",
|
13412
|
-
"description": "Forces at least one item to always be selected (if available)."
|
13413
|
-
},
|
13414
|
-
"VTreeview/open-on-click": {
|
13415
|
-
"type": "boolean\n",
|
13416
|
-
"description": "When `true` will cause nodes to be opened by clicking anywhere on it, instead of only opening by clicking on expand icon. When using this prop with `activatable` you will be unable to mark nodes with children as active."
|
13417
|
-
},
|
13418
|
-
"VTreeview/active-class": {
|
13419
|
-
"type": "string\n",
|
13420
|
-
"description": "The class applied to the component when it is in an active state."
|
13421
|
-
},
|
13422
|
-
"VTreeview/selected": {
|
13378
|
+
"VTreeview/activated": {
|
13423
13379
|
"type": "any\n",
|
13424
|
-
"description": "
|
13425
|
-
},
|
13426
|
-
"VTreeview/indeterminate-icon": {
|
13427
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13428
|
-
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`."
|
13429
|
-
},
|
13430
|
-
"VTreeview/false-icon": {
|
13431
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13432
|
-
"description": "The icon used when inactive."
|
13433
|
-
},
|
13434
|
-
"VTreeview/true-icon": {
|
13435
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13436
|
-
"description": "The icon used when active."
|
13437
|
-
},
|
13438
|
-
"VTreeview/value-comparator": {
|
13439
|
-
"type": "(a: any, b: any) => boolean\n",
|
13440
|
-
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
13380
|
+
"description": "Array of ids of activated nodes."
|
13441
13381
|
},
|
13442
13382
|
"VTreeview/filter-mode": {
|
13443
13383
|
"type": "'every' | 'some' | 'union' | 'intersection'\n",
|
@@ -13459,6 +13399,26 @@
|
|
13459
13399
|
"type": "string | string[]\n",
|
13460
13400
|
"description": "Array of specific keys to filter on the item."
|
13461
13401
|
},
|
13402
|
+
"VTreeview/base-color": {
|
13403
|
+
"type": "string\n",
|
13404
|
+
"description": "Sets the color of component when not focused."
|
13405
|
+
},
|
13406
|
+
"VTreeview/active-color": {
|
13407
|
+
"type": "string\n",
|
13408
|
+
"description": "The applied color when the component is in an active state."
|
13409
|
+
},
|
13410
|
+
"VTreeview/active-class": {
|
13411
|
+
"type": "string\n",
|
13412
|
+
"description": "The class applied to the component when it is in an active state."
|
13413
|
+
},
|
13414
|
+
"VTreeview/bg-color": {
|
13415
|
+
"type": "string\n",
|
13416
|
+
"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)."
|
13417
|
+
},
|
13418
|
+
"VTreeview/disabled": {
|
13419
|
+
"type": "boolean\n",
|
13420
|
+
"description": "Disables selection for all nodes."
|
13421
|
+
},
|
13462
13422
|
"VTreeview/expand-icon": {
|
13463
13423
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13464
13424
|
"description": "Icon used to indicate that a node can be expanded."
|
@@ -13467,6 +13427,14 @@
|
|
13467
13427
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13468
13428
|
"description": "Icon to display when the list item is expanded."
|
13469
13429
|
},
|
13430
|
+
"VTreeview/lines": {
|
13431
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
13432
|
+
"description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
|
13433
|
+
},
|
13434
|
+
"VTreeview/slim": {
|
13435
|
+
"type": "boolean\n",
|
13436
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
13437
|
+
},
|
13470
13438
|
"VTreeview/activatable": {
|
13471
13439
|
"type": "boolean\n",
|
13472
13440
|
"description": "Allows user to mark a node as active by clicking on it."
|
@@ -13479,6 +13447,14 @@
|
|
13479
13447
|
"type": "any\n",
|
13480
13448
|
"description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
|
13481
13449
|
},
|
13450
|
+
"VTreeview/selected": {
|
13451
|
+
"type": "any\n",
|
13452
|
+
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
|
13453
|
+
},
|
13454
|
+
"VTreeview/mandatory": {
|
13455
|
+
"type": "boolean\n",
|
13456
|
+
"description": "Forces at least one item to always be selected (if available)."
|
13457
|
+
},
|
13482
13458
|
"VTreeview/active-strategy": {
|
13483
13459
|
"type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>\n | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/activeStrategies.ts#L27-L31\" target=\"_blank\">ActiveStrategy</a>)\n",
|
13484
13460
|
"description": "Affects how items with children behave when activated.\n- **leaf:** Only leaf nodes (items without children) can be activated.\n- **independent:** All nodes can be activated whether they have children or not.\n- **classic:** Activating a parent node will cause all children to be activated."
|
@@ -13487,6 +13463,10 @@
|
|
13487
13463
|
"type": " | 'single-leaf'\n | 'leaf'\n | 'independent'\n | 'single-independent'\n | 'classic'\n | 'trunk'\n | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>\n | ((mandatory: boolean) => <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L26-L30\" target=\"_blank\">SelectStrategy</a>)\n",
|
13488
13464
|
"description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model.\n- **trunk**: Same as classic but if all of a node's children are selected then only that node will be added to the model."
|
13489
13465
|
},
|
13466
|
+
"VTreeview/items": {
|
13467
|
+
"type": "unknown[]\n",
|
13468
|
+
"description": "An array of items used to build the treeview."
|
13469
|
+
},
|
13490
13470
|
"VTreeview/item-title": {
|
13491
13471
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
|
13492
13472
|
"description": "Property on supplied `items` that contains its title."
|
@@ -13507,10 +13487,26 @@
|
|
13507
13487
|
"type": "boolean\n",
|
13508
13488
|
"description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key."
|
13509
13489
|
},
|
13490
|
+
"VTreeview/value-comparator": {
|
13491
|
+
"type": "(a: any, b: any) => boolean\n",
|
13492
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
13493
|
+
},
|
13494
|
+
"VTreeview/open-on-click": {
|
13495
|
+
"type": "boolean\n",
|
13496
|
+
"description": "When `true` will cause nodes to be opened by clicking anywhere on it, instead of only opening by clicking on expand icon. When using this prop with `activatable` you will be unable to mark nodes with children as active."
|
13497
|
+
},
|
13510
13498
|
"VTreeview/fluid": {
|
13511
13499
|
"type": "boolean\n",
|
13512
13500
|
"description": "Removes indentation from nested items."
|
13513
13501
|
},
|
13502
|
+
"VTreeview/false-icon": {
|
13503
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13504
|
+
"description": "The icon used when inactive."
|
13505
|
+
},
|
13506
|
+
"VTreeview/true-icon": {
|
13507
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13508
|
+
"description": "The icon used when active."
|
13509
|
+
},
|
13514
13510
|
"VTreeview/open-all": {
|
13515
13511
|
"type": "boolean\n",
|
13516
13512
|
"description": "When `true` will cause all branch nodes to be opened when component is mounted."
|
@@ -13519,6 +13515,10 @@
|
|
13519
13515
|
"type": "string\n",
|
13520
13516
|
"description": "Icon used when node is in a loading state."
|
13521
13517
|
},
|
13518
|
+
"VTreeview/indeterminate-icon": {
|
13519
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13520
|
+
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`."
|
13521
|
+
},
|
13522
13522
|
"VTreeview/selected-color": {
|
13523
13523
|
"type": "string\n",
|
13524
13524
|
"description": "The color of the selection checkbox."
|
@@ -13527,25 +13527,37 @@
|
|
13527
13527
|
"type": "(item: unknown) => Promise<void>\n",
|
13528
13528
|
"description": "A function used when dynamically loading children. If this prop is set, then the supplied function will be run if expanding an item that has a `item-children` property that is an empty array. Supports returning a Promise."
|
13529
13529
|
},
|
13530
|
+
"VTreeviewGroup/tag": {
|
13531
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13532
|
+
"description": "Specify a custom tag used on the root element."
|
13533
|
+
},
|
13530
13534
|
"VTreeviewGroup/title": {
|
13531
13535
|
"type": "string\n",
|
13532
13536
|
"description": "Specify a title text for the component."
|
13533
13537
|
},
|
13534
|
-
"VTreeviewGroup/
|
13535
|
-
"type": "
|
13536
|
-
"description": "
|
13538
|
+
"VTreeviewGroup/value": {
|
13539
|
+
"type": "any\n",
|
13540
|
+
"description": "Expands / Collapse the list-group."
|
13537
13541
|
},
|
13538
|
-
"VTreeviewGroup/color": {
|
13542
|
+
"VTreeviewGroup/active-color": {
|
13539
13543
|
"type": "string\n",
|
13540
|
-
"description": "
|
13544
|
+
"description": "The applied color when the component is in an active state."
|
13541
13545
|
},
|
13542
13546
|
"VTreeviewGroup/base-color": {
|
13543
13547
|
"type": "string\n",
|
13544
13548
|
"description": "Sets the color of component when not focused."
|
13545
13549
|
},
|
13546
|
-
"VTreeviewGroup/
|
13550
|
+
"VTreeviewGroup/prepend-icon": {
|
13551
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13552
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
13553
|
+
},
|
13554
|
+
"VTreeviewGroup/append-icon": {
|
13555
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13556
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
13557
|
+
},
|
13558
|
+
"VTreeviewGroup/color": {
|
13547
13559
|
"type": "string\n",
|
13548
|
-
"description": "
|
13560
|
+
"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)."
|
13549
13561
|
},
|
13550
13562
|
"VTreeviewGroup/expand-icon": {
|
13551
13563
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
@@ -13555,77 +13567,21 @@
|
|
13555
13567
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13556
13568
|
"description": "Icon to display when the list item is expanded."
|
13557
13569
|
},
|
13558
|
-
"VTreeviewGroup/value": {
|
13559
|
-
"type": "any\n",
|
13560
|
-
"description": "Expands / Collapse the list-group."
|
13561
|
-
},
|
13562
|
-
"VTreeviewGroup/append-icon": {
|
13563
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13564
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
13565
|
-
},
|
13566
|
-
"VTreeviewGroup/prepend-icon": {
|
13567
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13568
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
13569
|
-
},
|
13570
13570
|
"VTreeviewGroup/fluid": {
|
13571
13571
|
"type": "boolean\n",
|
13572
13572
|
"description": "Removes indentation from nested items."
|
13573
13573
|
},
|
13574
|
-
"VTreeviewItem/replace": {
|
13575
|
-
"type": "boolean\n",
|
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."
|
13577
|
-
},
|
13578
|
-
"VTreeviewItem/link": {
|
13579
|
-
"type": "boolean\n",
|
13580
|
-
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
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
13574
|
"VTreeviewItem/title": {
|
13591
13575
|
"type": "string | number | boolean\n",
|
13592
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."
|
13593
13577
|
},
|
13594
|
-
"VTreeviewItem/
|
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/active": {
|
13578
|
+
"VTreeviewItem/replace": {
|
13603
13579
|
"type": "boolean\n",
|
13604
|
-
"description": "
|
13605
|
-
},
|
13606
|
-
"VTreeviewItem/active-color": {
|
13607
|
-
"type": "string\n",
|
13608
|
-
"description": "The applied color when the component is in an active state."
|
13609
|
-
},
|
13610
|
-
"VTreeviewItem/base-color": {
|
13611
|
-
"type": "string\n",
|
13612
|
-
"description": "Sets the color of component when not focused."
|
13613
|
-
},
|
13614
|
-
"VTreeviewItem/prepend-icon": {
|
13615
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13616
|
-
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
13617
|
-
},
|
13618
|
-
"VTreeviewItem/append-icon": {
|
13619
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13620
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
13580
|
+
"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."
|
13621
13581
|
},
|
13622
|
-
"VTreeviewItem/
|
13582
|
+
"VTreeviewItem/link": {
|
13623
13583
|
"type": "boolean\n",
|
13624
|
-
"description": "
|
13625
|
-
},
|
13626
|
-
"VTreeviewItem/ripple": {
|
13627
|
-
"type": "boolean | { class: string }\n",
|
13628
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
13584
|
+
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
13629
13585
|
},
|
13630
13586
|
"VTreeviewItem/border": {
|
13631
13587
|
"type": "string | number | boolean\n",
|
@@ -13663,14 +13619,6 @@
|
|
13663
13619
|
"type": "string | number\n",
|
13664
13620
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13665
13621
|
},
|
13666
|
-
"VTreeviewItem/disabled": {
|
13667
|
-
"type": "boolean\n",
|
13668
|
-
"description": "Removes the ability to click or target the component."
|
13669
|
-
},
|
13670
|
-
"VTreeviewItem/loading": {
|
13671
|
-
"type": "boolean\n",
|
13672
|
-
"description": "Places the v-treeview-item into a loading state."
|
13673
|
-
},
|
13674
13622
|
"VTreeviewItem/rounded": {
|
13675
13623
|
"type": "string | number | boolean\n",
|
13676
13624
|
"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)."
|
@@ -13679,37 +13627,89 @@
|
|
13679
13627
|
"type": "boolean\n",
|
13680
13628
|
"description": "Removes any applied **border-radius** from the component."
|
13681
13629
|
},
|
13682
|
-
"VTreeviewItem/
|
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": {
|
13683
13635
|
"type": "string\n",
|
13684
|
-
"description": "
|
13636
|
+
"description": "Specify a theme for this component and all of its children."
|
13637
|
+
},
|
13638
|
+
"VTreeviewItem/color": {
|
13639
|
+
"type": "string\n",
|
13640
|
+
"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
|
+
},
|
13642
|
+
"VTreeviewItem/variant": {
|
13643
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13644
|
+
"description": "Applies a distinct style to the component."
|
13685
13645
|
},
|
13686
13646
|
"VTreeviewItem/exact": {
|
13687
13647
|
"type": "boolean\n",
|
13688
13648
|
"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."
|
13689
13649
|
},
|
13690
|
-
"VTreeviewItem/
|
13691
|
-
"type": "string |
|
13692
|
-
"description": "
|
13650
|
+
"VTreeviewItem/subtitle": {
|
13651
|
+
"type": "string | number | boolean\n",
|
13652
|
+
"description": "Specify a subtitle text for the component."
|
13693
13653
|
},
|
13694
|
-
"VTreeviewItem/color": {
|
13654
|
+
"VTreeviewItem/base-color": {
|
13695
13655
|
"type": "string\n",
|
13696
|
-
"description": "
|
13656
|
+
"description": "Sets the color of component when not focused."
|
13697
13657
|
},
|
13698
|
-
"VTreeviewItem/
|
13699
|
-
"type": "
|
13700
|
-
"description": "
|
13658
|
+
"VTreeviewItem/active-color": {
|
13659
|
+
"type": "string\n",
|
13660
|
+
"description": "The applied color when the component is in an active state."
|
13661
|
+
},
|
13662
|
+
"VTreeviewItem/active-class": {
|
13663
|
+
"type": "string\n",
|
13664
|
+
"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."
|
13665
|
+
},
|
13666
|
+
"VTreeviewItem/disabled": {
|
13667
|
+
"type": "boolean\n",
|
13668
|
+
"description": "Removes the ability to click or target the component."
|
13701
13669
|
},
|
13702
13670
|
"VTreeviewItem/lines": {
|
13703
13671
|
"type": "false | 'one' | 'two' | 'three'\n",
|
13704
13672
|
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
13705
13673
|
},
|
13706
|
-
"VTreeviewItem/
|
13674
|
+
"VTreeviewItem/slim": {
|
13675
|
+
"type": "boolean\n",
|
13676
|
+
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
|
13677
|
+
},
|
13678
|
+
"VTreeviewItem/nav": {
|
13679
|
+
"type": "boolean\n",
|
13680
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
13681
|
+
},
|
13682
|
+
"VTreeviewItem/value": {
|
13683
|
+
"type": "any\n",
|
13684
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
13685
|
+
},
|
13686
|
+
"VTreeviewItem/append-icon": {
|
13687
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13688
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
13689
|
+
},
|
13690
|
+
"VTreeviewItem/prepend-icon": {
|
13691
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13692
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
13693
|
+
},
|
13694
|
+
"VTreeviewItem/active": {
|
13695
|
+
"type": "boolean\n",
|
13696
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
13697
|
+
},
|
13698
|
+
"VTreeviewItem/loading": {
|
13699
|
+
"type": "boolean\n",
|
13700
|
+
"description": "Places the v-treeview-item into a loading state."
|
13701
|
+
},
|
13702
|
+
"VTreeviewItem/href": {
|
13707
13703
|
"type": "string\n",
|
13708
|
-
"description": "
|
13704
|
+
"description": "Designates the component as anchor and applies the **href** attribute."
|
13709
13705
|
},
|
13710
|
-
"VTreeviewItem/
|
13711
|
-
"type": "string |
|
13712
|
-
"description": "
|
13706
|
+
"VTreeviewItem/to": {
|
13707
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
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."
|
13709
|
+
},
|
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",
|
@@ -13723,26 +13723,30 @@
|
|
13723
13723
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\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/name": {
|
13727
|
+
"type": "string\n",
|
13728
|
+
"description": "Sets the component's name attribute."
|
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/name": {
|
13735
|
-
"type": "string\n",
|
13736
|
-
"description": "Sets the component's name attribute."
|
13737
|
-
},
|
13738
13734
|
"VValidation/label": {
|
13739
13735
|
"type": "string\n",
|
13740
13736
|
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
13741
13737
|
},
|
13738
|
+
"VValidation/readonly": {
|
13739
|
+
"type": "boolean\n",
|
13740
|
+
"description": "Puts input in readonly state."
|
13741
|
+
},
|
13742
13742
|
"VValidation/disabled": {
|
13743
13743
|
"type": "boolean\n",
|
13744
13744
|
"description": "Removes the ability to click or target the component."
|
13745
13745
|
},
|
13746
|
+
"VValidation/model-value": {
|
13747
|
+
"type": "unknown\n",
|
13748
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13749
|
+
},
|
13746
13750
|
"VValidation/error-messages": {
|
13747
13751
|
"type": "string | string[]\n",
|
13748
13752
|
"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."
|
@@ -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,6 +13771,10 @@
|
|
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
|
+
},
|
13774
13778
|
"VVirtualScroll/height": {
|
13775
13779
|
"type": "string | number\n",
|
13776
13780
|
"description": "Height of the component as a css value/"
|
@@ -13795,9 +13799,9 @@
|
|
13795
13799
|
"type": "string | number\n",
|
13796
13800
|
"description": "Sets the width for the component."
|
13797
13801
|
},
|
13798
|
-
"VVirtualScroll/
|
13799
|
-
"type": "
|
13800
|
-
"description": "The
|
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;`"
|
13801
13805
|
},
|
13802
13806
|
"VVirtualScroll/item-height": {
|
13803
13807
|
"type": "string | number\n",
|
@@ -13807,10 +13811,6 @@
|
|
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
|
-
"VVirtualScroll/renderless": {
|
13811
|
-
"type": "boolean\n",
|
13812
|
-
"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;`"
|
13813
|
-
},
|
13814
13814
|
"VWindow/model-value": {
|
13815
13815
|
"type": "unknown\n",
|
13816
13816
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|