@vuetify/nightly 3.8.1-master.2025-04-16 → 3.8.1-next.2025-04-15
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 +33 -32
- package/dist/json/attributes.json +653 -653
- package/dist/json/importMap-labs.json +16 -16
- package/dist/json/importMap.json +182 -182
- package/dist/json/web-types.json +1133 -1093
- package/dist/vuetify-labs.cjs +346 -197
- package/dist/vuetify-labs.css +26038 -27768
- package/dist/vuetify-labs.d.ts +244 -647
- package/dist/vuetify-labs.esm.js +347 -198
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +346 -197
- package/dist/vuetify-labs.min.css +3 -4
- package/dist/vuetify.cjs +328 -173
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +22491 -24217
- package/dist/vuetify.d.ts +316 -719
- package/dist/vuetify.esm.js +329 -174
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +328 -173
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +3 -4
- package/dist/vuetify.min.js +1152 -1161
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/md3.js +5 -18
- package/lib/blueprints/md3.js.map +1 -1
- package/lib/components/VAlert/VAlert.css +207 -215
- package/lib/components/VApp/VApp.css +16 -15
- package/lib/components/VAppBar/VAppBar.css +14 -12
- package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
- package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
- package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
- package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
- package/lib/components/VAvatar/VAvatar.css +108 -106
- package/lib/components/VBadge/VBadge.css +77 -77
- package/lib/components/VBanner/VBanner.css +161 -166
- package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
- package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
- package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
- package/lib/components/VBtn/VBtn.css +385 -408
- package/lib/components/VBtn/VBtn.sass +4 -4
- package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
- package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
- package/lib/components/VCard/VCard.css +294 -302
- package/lib/components/VCarousel/VCarousel.css +63 -65
- package/lib/components/VCarousel/VCarousel.sass +1 -1
- package/lib/components/VCheckbox/VCheckbox.css +7 -5
- package/lib/components/VChip/VChip.css +378 -411
- package/lib/components/VChipGroup/VChipGroup.css +19 -18
- package/lib/components/VCode/VCode.css +10 -11
- package/lib/components/VCode/VCode.sass +0 -3
- package/lib/components/VColorPicker/VColorPicker.css +23 -23
- package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
- package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
- package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
- package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
- package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
- package/lib/components/VCombobox/VCombobox.css +85 -84
- package/lib/components/VCombobox/VCombobox.d.ts +18 -9
- package/lib/components/VCombobox/VCombobox.js +6 -3
- package/lib/components/VCombobox/VCombobox.js.map +1 -1
- package/lib/components/VCounter/VCounter.css +7 -5
- package/lib/components/VDataTable/VDataTable.css +189 -186
- package/lib/components/VDataTable/VDataTable.sass +21 -11
- package/lib/components/VDataTable/VDataTableFooter.css +33 -31
- package/lib/components/VDatePicker/VDatePicker.css +8 -6
- package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
- package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
- package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
- package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
- package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
- package/lib/components/VDialog/VDialog.css +98 -98
- package/lib/components/VDivider/VDivider.css +52 -52
- package/lib/components/VEmptyState/VEmptyState.css +62 -67
- package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
- package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
- package/lib/components/VFab/VFab.css +78 -73
- package/lib/components/VFab/VFab.sass +5 -4
- package/lib/components/VField/VField.css +548 -589
- package/lib/components/VFileInput/VFileInput.css +30 -28
- package/lib/components/VFooter/VFooter.css +38 -36
- package/lib/components/VForm/VForm.d.ts +111 -531
- package/lib/components/VForm/VForm.js +11 -1
- package/lib/components/VForm/VForm.js.map +1 -1
- package/lib/components/VGrid/VGrid.css +565 -592
- package/lib/components/VIcon/VIcon.css +52 -53
- package/lib/components/VImg/VImg.css +50 -51
- package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
- package/lib/components/VInput/VInput.css +136 -147
- package/lib/components/VItemGroup/VItemGroup.css +7 -5
- package/lib/components/VKbd/VKbd.css +13 -11
- package/lib/components/VLabel/VLabel.css +16 -15
- package/lib/components/VLayout/VLayout.css +10 -8
- package/lib/components/VLayout/VLayoutItem.css +8 -7
- package/lib/components/VList/VList.css +104 -108
- package/lib/components/VList/VList.sass +1 -1
- package/lib/components/VList/VListItem.css +440 -452
- package/lib/components/VList/VListItem.sass +2 -1
- package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
- package/lib/components/VMain/VMain.css +32 -30
- package/lib/components/VMenu/VMenu.css +21 -19
- package/lib/components/VMessages/VMessages.css +17 -15
- package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
- package/lib/components/VNumberInput/VNumberInput.css +48 -46
- package/lib/components/VOtpInput/VOtpInput.css +56 -58
- package/lib/components/VOverlay/VOverlay.css +61 -64
- package/lib/components/VOverlay/VOverlay.sass +14 -13
- package/lib/components/VPagination/VPagination.css +10 -8
- package/lib/components/VParallax/VParallax.css +8 -6
- package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
- package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
- package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
- package/lib/components/VRating/VRating.css +52 -53
- package/lib/components/VResponsive/VResponsive.css +25 -26
- package/lib/components/VSelect/VSelect.css +53 -51
- package/lib/components/VSelect/VSelect.d.ts +18 -9
- package/lib/components/VSelect/VSelect.js +6 -3
- package/lib/components/VSelect/VSelect.js.map +1 -1
- package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
- package/lib/components/VSheet/VSheet.css +38 -36
- package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
- package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
- package/lib/components/VSlider/VSlider.css +53 -57
- package/lib/components/VSlider/VSliderThumb.css +142 -153
- package/lib/components/VSlider/VSliderTrack.css +155 -174
- package/lib/components/VSnackbar/VSnackbar.css +140 -140
- package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
- package/lib/components/VStepper/VStepper.css +55 -56
- package/lib/components/VStepper/VStepperItem.css +112 -115
- package/lib/components/VSwitch/VSwitch.css +129 -139
- package/lib/components/VSystemBar/VSystemBar.css +45 -43
- package/lib/components/VTable/VTable.css +140 -141
- package/lib/components/VTable/VTable.sass +4 -2
- package/lib/components/VTabs/VTab.css +30 -29
- package/lib/components/VTabs/VTabs.css +59 -65
- package/lib/components/VTextField/VTextField.css +77 -85
- package/lib/components/VTextarea/VTextarea.css +48 -40
- package/lib/components/VTextarea/VTextarea.sass +4 -2
- package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
- package/lib/components/VTimeline/VTimeline.css +388 -427
- package/lib/components/VToolbar/VToolbar.css +137 -144
- package/lib/components/VTooltip/VTooltip.css +27 -23
- package/lib/components/VTooltip/VTooltip.sass +8 -6
- package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
- package/lib/components/VWindow/VWindow.css +73 -70
- package/lib/composables/calendar.d.ts +2 -2
- package/lib/composables/calendar.js +7 -5
- package/lib/composables/calendar.js.map +1 -1
- package/lib/composables/date/DateAdapter.d.ts +0 -1
- package/lib/composables/date/DateAdapter.js.map +1 -1
- package/lib/composables/date/adapters/vuetify.d.ts +0 -1
- package/lib/composables/date/adapters/vuetify.js +160 -101
- package/lib/composables/date/adapters/vuetify.js.map +1 -1
- package/lib/composables/date/date.d.ts +1 -1
- package/lib/composables/date/date.js +20 -0
- package/lib/composables/date/date.js.map +1 -1
- package/lib/composables/filter.js +1 -2
- package/lib/composables/filter.js.map +1 -1
- package/lib/composables/theme.d.ts +6 -1
- package/lib/composables/theme.js +98 -30
- package/lib/composables/theme.js.map +1 -1
- package/lib/composables/validation.js +0 -5
- package/lib/composables/validation.js.map +1 -1
- package/lib/composables/virtual.js +6 -1
- package/lib/composables/virtual.js.map +1 -1
- package/lib/directives/ripple/VRipple.css +38 -36
- package/lib/entry-bundler.d.ts +0 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/entry-bundler.js.map +1 -1
- package/lib/framework.d.ts +71 -69
- package/lib/framework.js +1 -1
- package/lib/framework.js.map +1 -1
- package/lib/labs/VCalendar/VCalendar.css +219 -225
- package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
- package/lib/labs/VCalendar/VCalendarDay.css +33 -32
- package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
- package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
- package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
- package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
- package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
- package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
- package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
- package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
- package/lib/labs/VFileUpload/VFileUpload.css +74 -77
- package/lib/labs/VIconBtn/VIconBtn.css +162 -164
- package/lib/labs/VPicker/VPicker.css +58 -63
- package/lib/labs/VTimePicker/VTimePicker.css +9 -7
- package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
- package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
- package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
- package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
- package/lib/labs/entry-bundler.d.ts +0 -1
- package/lib/styles/elements/_global.sass +1 -1
- package/lib/styles/generic/_colors.scss +3 -3
- package/lib/styles/generic/_layers.scss +13 -1
- package/lib/styles/generic/_reset.scss +0 -1
- package/lib/styles/generic/_transitions.scss +32 -32
- package/lib/styles/main.css +14668 -16143
- package/lib/styles/settings/_utilities.scss +0 -5
- package/lib/styles/settings/_variables.scss +1 -2
- package/lib/styles/tools/_border.sass +4 -4
- package/lib/styles/tools/_display.sass +0 -10
- package/lib/styles/tools/_elevation.sass +2 -2
- package/lib/styles/tools/_index.sass +0 -2
- package/lib/styles/tools/_layer.scss +4 -2
- package/lib/styles/tools/_position.sass +2 -2
- package/lib/styles/tools/_rounded.sass +2 -2
- package/lib/styles/tools/_utilities.sass +1 -5
- package/lib/styles/utilities/_elevation.scss +1 -1
- package/lib/util/globals.d.ts +1 -0
- package/lib/util/globals.js +1 -0
- package/lib/util/globals.js.map +1 -1
- package/package.json +45 -46
- package/lib/styles/tools/_bootable.sass +0 -3
- package/lib/styles/tools/_radius.sass +0 -10
@@ -431,6 +431,10 @@
|
|
431
431
|
"type": "string\n",
|
432
432
|
"description": "Sets the DOM id on the component."
|
433
433
|
},
|
434
|
+
"VAutocomplete/prefix": {
|
435
|
+
"type": "string\n",
|
436
|
+
"description": "Displays prefix text."
|
437
|
+
},
|
434
438
|
"VAutocomplete/model-value": {
|
435
439
|
"type": "any\n",
|
436
440
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
@@ -599,10 +603,6 @@
|
|
599
603
|
"type": "string | number | boolean\n",
|
600
604
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
601
605
|
},
|
602
|
-
"VAutocomplete/prefix": {
|
603
|
-
"type": "string\n",
|
604
|
-
"description": "Displays prefix text."
|
605
|
-
},
|
606
606
|
"VAutocomplete/placeholder": {
|
607
607
|
"type": "string\n",
|
608
608
|
"description": "Sets the input’s placeholder text."
|
@@ -4367,6 +4367,10 @@
|
|
4367
4367
|
"type": "string\n",
|
4368
4368
|
"description": "Sets the DOM id on the component."
|
4369
4369
|
},
|
4370
|
+
"VDateInput/prefix": {
|
4371
|
+
"type": "string\n",
|
4372
|
+
"description": "Displays prefix text."
|
4373
|
+
},
|
4370
4374
|
"VDateInput/model-value": {
|
4371
4375
|
"type": "any\n",
|
4372
4376
|
"description": "Represents the commited v-model value"
|
@@ -4459,10 +4463,6 @@
|
|
4459
4463
|
"type": "string | number | boolean\n",
|
4460
4464
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
4461
4465
|
},
|
4462
|
-
"VDateInput/prefix": {
|
4463
|
-
"type": "string\n",
|
4464
|
-
"description": "Displays prefix text."
|
4465
|
-
},
|
4466
4466
|
"VDateInput/placeholder": {
|
4467
4467
|
"type": "string\n",
|
4468
4468
|
"description": "Sets the input’s placeholder text."
|
@@ -5847,14 +5847,14 @@
|
|
5847
5847
|
"type": "boolean\n",
|
5848
5848
|
"description": "Translates the Fab up or down, depending on if location is set to **top** or **bottom**."
|
5849
5849
|
},
|
5850
|
-
"VFab/app": {
|
5851
|
-
"type": "boolean\n",
|
5852
|
-
"description": "If true, attaches to the closest layout and positions according to the value of **location**."
|
5853
|
-
},
|
5854
5850
|
"VFab/appear": {
|
5855
5851
|
"type": "boolean\n",
|
5856
5852
|
"description": "Used to control the animation of the FAB."
|
5857
5853
|
},
|
5854
|
+
"VFab/app": {
|
5855
|
+
"type": "boolean\n",
|
5856
|
+
"description": "If true, attaches to the closest layout and positions according to the value of **location**."
|
5857
|
+
},
|
5858
5858
|
"VFab/extended": {
|
5859
5859
|
"type": "boolean\n",
|
5860
5860
|
"description": "An alternate style for the FAB that expects text."
|
@@ -6709,7 +6709,7 @@
|
|
6709
6709
|
},
|
6710
6710
|
"VIconBtn/readonly": {
|
6711
6711
|
"type": "boolean\n",
|
6712
|
-
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/
|
6712
|
+
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/VIconBtn.json))"
|
6713
6713
|
},
|
6714
6714
|
"VIconBtn/disabled": {
|
6715
6715
|
"type": "boolean\n",
|
@@ -6717,7 +6717,7 @@
|
|
6717
6717
|
},
|
6718
6718
|
"VIconBtn/loading": {
|
6719
6719
|
"type": "boolean\n",
|
6720
|
-
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/
|
6720
|
+
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/VIconBtn.json))"
|
6721
6721
|
},
|
6722
6722
|
"VIconBtn/size": {
|
6723
6723
|
"type": "string | number\n",
|
@@ -9595,6 +9595,10 @@
|
|
9595
9595
|
"type": "string\n",
|
9596
9596
|
"description": "Sets the DOM id on the component."
|
9597
9597
|
},
|
9598
|
+
"VSelect/prefix": {
|
9599
|
+
"type": "string\n",
|
9600
|
+
"description": "Displays prefix text."
|
9601
|
+
},
|
9598
9602
|
"VSelect/model-value": {
|
9599
9603
|
"type": "any\n",
|
9600
9604
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
@@ -9735,10 +9739,6 @@
|
|
9735
9739
|
"type": "string | number | boolean\n",
|
9736
9740
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
9737
9741
|
},
|
9738
|
-
"VSelect/prefix": {
|
9739
|
-
"type": "string\n",
|
9740
|
-
"description": "Displays prefix text."
|
9741
|
-
},
|
9742
9742
|
"VSelect/placeholder": {
|
9743
9743
|
"type": "string\n",
|
9744
9744
|
"description": "Sets the input’s placeholder text."
|
@@ -11448,7 +11448,7 @@
|
|
11448
11448
|
"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)."
|
11449
11449
|
},
|
11450
11450
|
"VStepperVerticalActions/disabled": {
|
11451
|
-
"type": "boolean | '
|
11451
|
+
"type": "boolean | 'next' | 'prev'\n",
|
11452
11452
|
"description": "Removes the ability to click or target the component."
|
11453
11453
|
},
|
11454
11454
|
"VStepperVerticalActions/prev-text": {
|
@@ -11627,26 +11627,26 @@
|
|
11627
11627
|
"type": "any\n",
|
11628
11628
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11629
11629
|
},
|
11630
|
+
"VStepperWindowItem/eager": {
|
11631
|
+
"type": "boolean\n",
|
11632
|
+
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
11633
|
+
},
|
11630
11634
|
"VStepperWindowItem/disabled": {
|
11631
11635
|
"type": "boolean\n",
|
11632
11636
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
11633
11637
|
},
|
11634
|
-
"VStepperWindowItem/selected-class": {
|
11635
|
-
"type": "string\n",
|
11636
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
11637
|
-
},
|
11638
11638
|
"VStepperWindowItem/transition": {
|
11639
11639
|
"type": "string | boolean\n",
|
11640
11640
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
11641
11641
|
},
|
11642
|
-
"VStepperWindowItem/eager": {
|
11643
|
-
"type": "boolean\n",
|
11644
|
-
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
11645
|
-
},
|
11646
11642
|
"VStepperWindowItem/reverse-transition": {
|
11647
11643
|
"type": "string | boolean\n",
|
11648
11644
|
"description": "Sets the reverse transition."
|
11649
11645
|
},
|
11646
|
+
"VStepperWindowItem/selected-class": {
|
11647
|
+
"type": "string\n",
|
11648
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
11649
|
+
},
|
11650
11650
|
"VSvgIcon/icon": {
|
11651
11651
|
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11652
11652
|
"description": "Apply a specific icon using the [v-icon](/components/icons/) component."
|
@@ -11663,97 +11663,73 @@
|
|
11663
11663
|
"type": "string\n",
|
11664
11664
|
"description": "Provides the default type for children selection controls."
|
11665
11665
|
},
|
11666
|
-
"VSwitch/
|
11667
|
-
"type": "
|
11668
|
-
"description": "
|
11666
|
+
"VSwitch/name": {
|
11667
|
+
"type": "string\n",
|
11668
|
+
"description": "Sets the component's name attribute."
|
11669
11669
|
},
|
11670
11670
|
"VSwitch/error": {
|
11671
11671
|
"type": "boolean\n",
|
11672
11672
|
"description": "Puts the input in a manual error state."
|
11673
11673
|
},
|
11674
|
-
"VSwitch/
|
11675
|
-
"type": "
|
11676
|
-
"description": "
|
11677
|
-
},
|
11678
|
-
"VSwitch/max-width": {
|
11679
|
-
"type": "string | number\n",
|
11680
|
-
"description": "Sets the maximum width for the component."
|
11681
|
-
},
|
11682
|
-
"VSwitch/min-width": {
|
11683
|
-
"type": "string | number\n",
|
11684
|
-
"description": "Sets the minimum width for the component."
|
11685
|
-
},
|
11686
|
-
"VSwitch/width": {
|
11687
|
-
"type": "string | number\n",
|
11688
|
-
"description": "Sets the width for the component."
|
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."
|
11689
11677
|
},
|
11690
11678
|
"VSwitch/theme": {
|
11691
11679
|
"type": "string\n",
|
11692
11680
|
"description": "Specify a theme for this component and all of its children."
|
11693
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/model-value": {
|
11691
|
+
"type": "unknown\n",
|
11692
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
11693
|
+
},
|
11694
11694
|
"VSwitch/color": {
|
11695
11695
|
"type": "string\n",
|
11696
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)."
|
11697
11697
|
},
|
11698
|
-
"VSwitch/
|
11699
|
-
"type": "
|
11700
|
-
"description": "
|
11698
|
+
"VSwitch/density": {
|
11699
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
11700
|
+
"description": "Adjusts the vertical height used by the component."
|
11701
11701
|
},
|
11702
11702
|
"VSwitch/base-color": {
|
11703
11703
|
"type": "string\n",
|
11704
11704
|
"description": "Sets the color of the input when it is not focused."
|
11705
11705
|
},
|
11706
|
-
"VSwitch/prepend-icon": {
|
11707
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11708
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
11709
|
-
},
|
11710
|
-
"VSwitch/append-icon": {
|
11711
|
-
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11712
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11713
|
-
},
|
11714
|
-
"VSwitch/readonly": {
|
11715
|
-
"type": "boolean\n",
|
11716
|
-
"description": "Puts input in readonly state."
|
11717
|
-
},
|
11718
|
-
"VSwitch/ripple": {
|
11719
|
-
"type": "boolean | { class: string }\n",
|
11720
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11721
|
-
},
|
11722
|
-
"VSwitch/value": {
|
11723
|
-
"type": "any\n",
|
11724
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11725
|
-
},
|
11726
11706
|
"VSwitch/disabled": {
|
11727
11707
|
"type": "boolean\n",
|
11728
11708
|
"description": "Removes the ability to click or target the component."
|
11729
11709
|
},
|
11730
|
-
"VSwitch/loading": {
|
11731
|
-
"type": "string | boolean\n",
|
11732
|
-
"description": "Displays circular progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it's supported by the component) or the primary color."
|
11733
|
-
},
|
11734
|
-
"VSwitch/inline": {
|
11735
|
-
"type": "boolean\n",
|
11736
|
-
"description": "Puts children inputs into a row."
|
11737
|
-
},
|
11738
|
-
"VSwitch/label": {
|
11739
|
-
"type": "string\n",
|
11740
|
-
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
11741
|
-
},
|
11742
11710
|
"VSwitch/multiple": {
|
11743
11711
|
"type": "boolean\n",
|
11744
11712
|
"description": "Changes expected model to an array."
|
11745
11713
|
},
|
11746
|
-
"VSwitch/
|
11747
|
-
"type": "
|
11748
|
-
"description": "
|
11714
|
+
"VSwitch/max-width": {
|
11715
|
+
"type": "string | number\n",
|
11716
|
+
"description": "Sets the maximum width for the component."
|
11749
11717
|
},
|
11750
|
-
"VSwitch/
|
11751
|
-
"type": "string\n",
|
11752
|
-
"description": "Sets the
|
11718
|
+
"VSwitch/min-width": {
|
11719
|
+
"type": "string | number\n",
|
11720
|
+
"description": "Sets the minimum width for the component."
|
11753
11721
|
},
|
11754
|
-
"VSwitch/
|
11755
|
-
"type": "
|
11756
|
-
"description": "
|
11722
|
+
"VSwitch/width": {
|
11723
|
+
"type": "string | number\n",
|
11724
|
+
"description": "Sets the width for the component."
|
11725
|
+
},
|
11726
|
+
"VSwitch/value-comparator": {
|
11727
|
+
"type": "(a: any, b: any) => boolean\n",
|
11728
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
11729
|
+
},
|
11730
|
+
"VSwitch/append-icon": {
|
11731
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\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 | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11748
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`."
|
11749
|
+
},
|
11770
11750
|
"VSwitch/hide-spin-buttons": {
|
11771
11751
|
"type": "boolean\n",
|
11772
11752
|
"description": "Hides spin buttons on the input when type is set to `number`."
|
@@ -11783,6 +11763,10 @@
|
|
11783
11763
|
"type": "string | string[]\n",
|
11784
11764
|
"description": "Displays a list of messages or a single message if using a string."
|
11785
11765
|
},
|
11766
|
+
"VSwitch/direction": {
|
11767
|
+
"type": "'horizontal' | 'vertical'\n",
|
11768
|
+
"description": "Changes the direction of the input."
|
11769
|
+
},
|
11786
11770
|
"VSwitch/error-messages": {
|
11787
11771
|
"type": "string | string[]\n",
|
11788
11772
|
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation."
|
@@ -11791,6 +11775,10 @@
|
|
11791
11775
|
"type": "string | number\n",
|
11792
11776
|
"description": "Control the maximum number of shown errors from validation."
|
11793
11777
|
},
|
11778
|
+
"VSwitch/readonly": {
|
11779
|
+
"type": "boolean\n",
|
11780
|
+
"description": "Puts input in readonly state."
|
11781
|
+
},
|
11794
11782
|
"VSwitch/rules": {
|
11795
11783
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]\n",
|
11796
11784
|
"description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`."
|
@@ -11811,10 +11799,18 @@
|
|
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
|
+
},
|
11818
11814
|
"VSwitch/true-value": {
|
11819
11815
|
"type": "any\n",
|
11820
11816
|
"description": "Sets value for truthy state."
|
@@ -11827,37 +11823,21 @@
|
|
11827
11823
|
"type": "string\n",
|
11828
11824
|
"description": "The target component to provide defaults values for."
|
11829
11825
|
},
|
11826
|
+
"VSwitch/inline": {
|
11827
|
+
"type": "boolean\n",
|
11828
|
+
"description": "Puts children inputs into a row."
|
11829
|
+
},
|
11830
11830
|
"VSwitch/false-icon": {
|
11831
|
-
"type": " | string\n | (
|
11831
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11832
11832
|
"description": "The icon used when inactive."
|
11833
11833
|
},
|
11834
11834
|
"VSwitch/true-icon": {
|
11835
|
-
"type": " | string\n | (
|
11835
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
11836
11836
|
"description": "The icon used when active."
|
11837
11837
|
},
|
11838
|
-
"VSwitch/
|
11839
|
-
"type": "
|
11840
|
-
"description": "
|
11841
|
-
},
|
11842
|
-
"VSystemBar/tag": {
|
11843
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
11844
|
-
"description": "Specify a custom tag used on the root element."
|
11845
|
-
},
|
11846
|
-
"VSystemBar/name": {
|
11847
|
-
"type": "string\n",
|
11848
|
-
"description": "Assign a specific name for layout registration."
|
11849
|
-
},
|
11850
|
-
"VSystemBar/theme": {
|
11851
|
-
"type": "string\n",
|
11852
|
-
"description": "Specify a theme for this component and all of its children."
|
11853
|
-
},
|
11854
|
-
"VSystemBar/absolute": {
|
11855
|
-
"type": "boolean\n",
|
11856
|
-
"description": "Applies **position: absolute** to the component."
|
11857
|
-
},
|
11858
|
-
"VSystemBar/color": {
|
11859
|
-
"type": "string\n",
|
11860
|
-
"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)."
|
11838
|
+
"VSwitch/ripple": {
|
11839
|
+
"type": "boolean | { class: string }\n",
|
11840
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
11861
11841
|
},
|
11862
11842
|
"VSystemBar/height": {
|
11863
11843
|
"type": "string | number\n",
|
@@ -11867,6 +11847,10 @@
|
|
11867
11847
|
"type": "string | number\n",
|
11868
11848
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11869
11849
|
},
|
11850
|
+
"VSystemBar/absolute": {
|
11851
|
+
"type": "boolean\n",
|
11852
|
+
"description": "Applies **position: absolute** to the component."
|
11853
|
+
},
|
11870
11854
|
"VSystemBar/rounded": {
|
11871
11855
|
"type": "string | number | boolean\n",
|
11872
11856
|
"description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
|
@@ -11875,6 +11859,22 @@
|
|
11875
11859
|
"type": "boolean\n",
|
11876
11860
|
"description": "Removes any applied **border-radius** from the component."
|
11877
11861
|
},
|
11862
|
+
"VSystemBar/tag": {
|
11863
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11864
|
+
"description": "Specify a custom tag used on the root element."
|
11865
|
+
},
|
11866
|
+
"VSystemBar/theme": {
|
11867
|
+
"type": "string\n",
|
11868
|
+
"description": "Specify a theme for this component and all of its children."
|
11869
|
+
},
|
11870
|
+
"VSystemBar/color": {
|
11871
|
+
"type": "string\n",
|
11872
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
11873
|
+
},
|
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,6 +11883,10 @@
|
|
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
|
+
},
|
11886
11890
|
"VTab/replace": {
|
11887
11891
|
"type": "boolean\n",
|
11888
11892
|
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
@@ -11891,25 +11895,13 @@
|
|
11891
11895
|
"type": "boolean\n",
|
11892
11896
|
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it."
|
11893
11897
|
},
|
11894
|
-
"VTab/
|
11895
|
-
"type": "string |
|
11896
|
-
"description": "
|
11897
|
-
},
|
11898
|
-
"VTab/theme": {
|
11899
|
-
"type": "string\n",
|
11900
|
-
"description": "Specify a theme for this component and all of its children."
|
11901
|
-
},
|
11902
|
-
"VTab/size": {
|
11903
|
-
"type": "string | number\n",
|
11904
|
-
"description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
|
11905
|
-
},
|
11906
|
-
"VTab/value": {
|
11907
|
-
"type": "any\n",
|
11908
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11898
|
+
"VTab/border": {
|
11899
|
+
"type": "string | number | boolean\n",
|
11900
|
+
"description": "Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border=\"sm\"`). Find a list of the built-in border classes on the [borders page](/styles/borders)."
|
11909
11901
|
},
|
11910
|
-
"VTab/
|
11911
|
-
"type": "string\n",
|
11912
|
-
"description": "
|
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_."
|
11913
11905
|
},
|
11914
11906
|
"VTab/density": {
|
11915
11907
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -11919,46 +11911,6 @@
|
|
11919
11911
|
"type": "string | number\n",
|
11920
11912
|
"description": "Sets the height for the component."
|
11921
11913
|
},
|
11922
|
-
"VTab/border": {
|
11923
|
-
"type": "string | number | boolean\n",
|
11924
|
-
"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)."
|
11925
|
-
},
|
11926
|
-
"VTab/elevation": {
|
11927
|
-
"type": "string | number\n",
|
11928
|
-
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11929
|
-
},
|
11930
|
-
"VTab/rounded": {
|
11931
|
-
"type": "string | number | boolean\n",
|
11932
|
-
"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)."
|
11933
|
-
},
|
11934
|
-
"VTab/tile": {
|
11935
|
-
"type": "boolean\n",
|
11936
|
-
"description": "Removes any applied **border-radius** from the component."
|
11937
|
-
},
|
11938
|
-
"VTab/text": {
|
11939
|
-
"type": "string | number | boolean\n",
|
11940
|
-
"description": "Specify content text for the component."
|
11941
|
-
},
|
11942
|
-
"VTab/exact": {
|
11943
|
-
"type": "boolean\n",
|
11944
|
-
"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."
|
11945
|
-
},
|
11946
|
-
"VTab/base-color": {
|
11947
|
-
"type": "string\n",
|
11948
|
-
"description": "Sets the color of component when not focused."
|
11949
|
-
},
|
11950
|
-
"VTab/active-color": {
|
11951
|
-
"type": "string\n",
|
11952
|
-
"description": "The applied color when the component is in an active state."
|
11953
|
-
},
|
11954
|
-
"VTab/disabled": {
|
11955
|
-
"type": "boolean\n",
|
11956
|
-
"description": "Removes the ability to click or target the component."
|
11957
|
-
},
|
11958
|
-
"VTab/slim": {
|
11959
|
-
"type": "boolean\n",
|
11960
|
-
"description": "Reduces padding to 0 8px."
|
11961
|
-
},
|
11962
11914
|
"VTab/max-height": {
|
11963
11915
|
"type": "string | number\n",
|
11964
11916
|
"description": "Sets the maximum height for the component."
|
@@ -11979,69 +11931,109 @@
|
|
11979
11931
|
"type": "string | number\n",
|
11980
11932
|
"description": "Sets the width for the component."
|
11981
11933
|
},
|
11934
|
+
"VTab/elevation": {
|
11935
|
+
"type": "string | number\n",
|
11936
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
11937
|
+
},
|
11938
|
+
"VTab/rounded": {
|
11939
|
+
"type": "string | number | boolean\n",
|
11940
|
+
"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)."
|
11941
|
+
},
|
11942
|
+
"VTab/tile": {
|
11943
|
+
"type": "boolean\n",
|
11944
|
+
"description": "Removes any applied **border-radius** from the component."
|
11945
|
+
},
|
11946
|
+
"VTab/tag": {
|
11947
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
11948
|
+
"description": "Specify a custom tag used on the root element."
|
11949
|
+
},
|
11950
|
+
"VTab/theme": {
|
11951
|
+
"type": "string\n",
|
11952
|
+
"description": "Specify a theme for this component and all of its children."
|
11953
|
+
},
|
11954
|
+
"VTab/color": {
|
11955
|
+
"type": "string\n",
|
11956
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
11957
|
+
},
|
11982
11958
|
"VTab/variant": {
|
11983
|
-
"type": "'
|
11959
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
11984
11960
|
"description": "Applies a distinct style to the component."
|
11985
11961
|
},
|
11986
|
-
"VTab/
|
11987
|
-
"type": "
|
11988
|
-
"description": "
|
11962
|
+
"VTab/active-color": {
|
11963
|
+
"type": "string\n",
|
11964
|
+
"description": "The applied color when the component is in an active state."
|
11965
|
+
},
|
11966
|
+
"VTab/base-color": {
|
11967
|
+
"type": "string\n",
|
11968
|
+
"description": "Sets the color of component when not focused."
|
11989
11969
|
},
|
11990
11970
|
"VTab/prepend-icon": {
|
11991
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
11971
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11992
11972
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
11993
11973
|
},
|
11994
|
-
"VTab/
|
11995
|
-
"type": "
|
11996
|
-
"description": "
|
11974
|
+
"VTab/append-icon": {
|
11975
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
11976
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot."
|
11997
11977
|
},
|
11998
11978
|
"VTab/readonly": {
|
11999
11979
|
"type": "boolean\n",
|
12000
11980
|
"description": "Puts the button in a readonly state. Cannot be clicked or navigated to by keyboard."
|
12001
11981
|
},
|
12002
|
-
"VTab/
|
12003
|
-
"type": "
|
12004
|
-
"description": "
|
12005
|
-
},
|
12006
|
-
"VTab/href": {
|
12007
|
-
"type": "string\n",
|
12008
|
-
"description": "Designates the component as anchor and applies the **href** attribute."
|
11982
|
+
"VTab/slim": {
|
11983
|
+
"type": "boolean\n",
|
11984
|
+
"description": "Reduces padding to 0 8px."
|
12009
11985
|
},
|
12010
|
-
"VTab/
|
12011
|
-
"type": "
|
12012
|
-
"description": "
|
11986
|
+
"VTab/stacked": {
|
11987
|
+
"type": "boolean\n",
|
11988
|
+
"description": "Displays the tab as a flex-column."
|
12013
11989
|
},
|
12014
11990
|
"VTab/ripple": {
|
12015
11991
|
"type": "boolean | { class: string }\n",
|
12016
11992
|
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
12017
11993
|
},
|
11994
|
+
"VTab/value": {
|
11995
|
+
"type": "any\n",
|
11996
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
11997
|
+
},
|
11998
|
+
"VTab/disabled": {
|
11999
|
+
"type": "boolean\n",
|
12000
|
+
"description": "Removes the ability to click or target the component."
|
12001
|
+
},
|
12018
12002
|
"VTab/selected-class": {
|
12019
12003
|
"type": "string\n",
|
12020
12004
|
"description": "Configure the active CSS class applied when an item is selected."
|
12021
12005
|
},
|
12022
|
-
"VTab/
|
12023
|
-
"type": "string\n",
|
12024
|
-
"description": "
|
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."
|
12025
12009
|
},
|
12026
|
-
"VTab/
|
12027
|
-
"type": "
|
12028
|
-
"description": "
|
12010
|
+
"VTab/href": {
|
12011
|
+
"type": "string\n",
|
12012
|
+
"description": "Designates the component as anchor and applies the **href** attribute."
|
12029
12013
|
},
|
12030
|
-
"VTab/
|
12014
|
+
"VTab/exact": {
|
12031
12015
|
"type": "boolean\n",
|
12032
|
-
"description": "
|
12016
|
+
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
|
12033
12017
|
},
|
12034
12018
|
"VTab/to": {
|
12035
12019
|
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
12036
12020
|
"description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
|
12037
12021
|
},
|
12038
|
-
"
|
12039
|
-
"type": "'default' | 'comfortable' | 'compact'\n",
|
12040
|
-
"description": "Adjusts the vertical height used by the component."
|
12041
|
-
},
|
12042
|
-
"VTable/height": {
|
12022
|
+
"VTab/size": {
|
12043
12023
|
"type": "string | number\n",
|
12044
|
-
"description": "
|
12024
|
+
"description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
|
12025
|
+
},
|
12026
|
+
"VTab/direction": {
|
12027
|
+
"type": "'horizontal' | 'vertical'\n",
|
12028
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`."
|
12029
|
+
},
|
12030
|
+
"VTab/slider-color": {
|
12031
|
+
"type": "string\n",
|
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)."
|
12033
|
+
},
|
12034
|
+
"VTab/hide-slider": {
|
12035
|
+
"type": "boolean\n",
|
12036
|
+
"description": "Hides the active tab slider component (no exit or enter animation)."
|
12045
12037
|
},
|
12046
12038
|
"VTable/tag": {
|
12047
12039
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
@@ -12051,9 +12043,13 @@
|
|
12051
12043
|
"type": "string\n",
|
12052
12044
|
"description": "Specify a theme for this component and all of its children."
|
12053
12045
|
},
|
12054
|
-
"VTable/
|
12055
|
-
"type": "
|
12056
|
-
"description": "
|
12046
|
+
"VTable/density": {
|
12047
|
+
"type": "'default' | 'comfortable' | 'compact'\n",
|
12048
|
+
"description": "Adjusts the vertical height used by the component."
|
12049
|
+
},
|
12050
|
+
"VTable/height": {
|
12051
|
+
"type": "string | number\n",
|
12052
|
+
"description": "Use the height prop to set the height of the table."
|
12057
12053
|
},
|
12058
12054
|
"VTable/fixed-header": {
|
12059
12055
|
"type": "boolean\n",
|
@@ -12063,6 +12059,10 @@
|
|
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/)."
|
@@ -12151,6 +12151,14 @@
|
|
12151
12151
|
"type": "boolean\n",
|
12152
12152
|
"description": "Forces the selected tab to be centered."
|
12153
12153
|
},
|
12154
|
+
"VTabs/slider-color": {
|
12155
|
+
"type": "string\n",
|
12156
|
+
"description": "Changes the background color of an auto-generated `v-tabs-slider`."
|
12157
|
+
},
|
12158
|
+
"VTabs/hide-slider": {
|
12159
|
+
"type": "boolean\n",
|
12160
|
+
"description": "Hide's the generated `v-tabs-slider`."
|
12161
|
+
},
|
12154
12162
|
"VTabs/align-tabs": {
|
12155
12163
|
"type": "'title' | 'end' | 'start' | 'center'\n",
|
12156
12164
|
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component."
|
@@ -12159,14 +12167,6 @@
|
|
12159
12167
|
"type": "boolean\n",
|
12160
12168
|
"description": "`v-tabs-item` min-width 160px, max-width 360px."
|
12161
12169
|
},
|
12162
|
-
"VTabs/hide-slider": {
|
12163
|
-
"type": "boolean\n",
|
12164
|
-
"description": "Hide's the generated `v-tabs-slider`."
|
12165
|
-
},
|
12166
|
-
"VTabs/slider-color": {
|
12167
|
-
"type": "string\n",
|
12168
|
-
"description": "Changes the background color of an auto-generated `v-tabs-slider`."
|
12169
|
-
},
|
12170
12170
|
"VTabsWindow/tag": {
|
12171
12171
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
12172
12172
|
"description": "Specify a custom tag used on the root element."
|
@@ -12199,26 +12199,26 @@
|
|
12199
12199
|
"type": "any\n",
|
12200
12200
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
12201
12201
|
},
|
12202
|
+
"VTabsWindowItem/eager": {
|
12203
|
+
"type": "boolean\n",
|
12204
|
+
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
12205
|
+
},
|
12202
12206
|
"VTabsWindowItem/disabled": {
|
12203
12207
|
"type": "boolean\n",
|
12204
12208
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
12205
12209
|
},
|
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
|
-
},
|
12218
12214
|
"VTabsWindowItem/reverse-transition": {
|
12219
12215
|
"type": "string | boolean\n",
|
12220
12216
|
"description": "Sets the reverse transition."
|
12221
12217
|
},
|
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."
|
@@ -12251,6 +12251,10 @@
|
|
12251
12251
|
"type": "string\n",
|
12252
12252
|
"description": "Sets the DOM id on the component."
|
12253
12253
|
},
|
12254
|
+
"VTextField/prefix": {
|
12255
|
+
"type": "string\n",
|
12256
|
+
"description": "Displays prefix text."
|
12257
|
+
},
|
12254
12258
|
"VTextField/model-value": {
|
12255
12259
|
"type": "any\n",
|
12256
12260
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
@@ -12307,10 +12311,6 @@
|
|
12307
12311
|
"type": "string | number | boolean\n",
|
12308
12312
|
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
|
12309
12313
|
},
|
12310
|
-
"VTextField/prefix": {
|
12311
|
-
"type": "string\n",
|
12312
|
-
"description": "Displays prefix text."
|
12313
|
-
},
|
12314
12314
|
"VTextField/placeholder": {
|
12315
12315
|
"type": "string\n",
|
12316
12316
|
"description": "Sets the input’s placeholder text."
|
@@ -12695,22 +12695,58 @@
|
|
12695
12695
|
"type": "boolean\n",
|
12696
12696
|
"description": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
|
12697
12697
|
},
|
12698
|
+
"VTimePicker/tag": {
|
12699
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
12700
|
+
"description": "Specify a custom tag used on the root element."
|
12701
|
+
},
|
12698
12702
|
"VTimePicker/title": {
|
12699
12703
|
"type": "string\n",
|
12700
12704
|
"description": "Specify a title text for the component."
|
12701
12705
|
},
|
12702
|
-
"VTimePicker/
|
12703
|
-
"type": "string
|
12704
|
-
"description": "
|
12706
|
+
"VTimePicker/theme": {
|
12707
|
+
"type": "string\n",
|
12708
|
+
"description": "Specify a theme for this component and all of its children."
|
12705
12709
|
},
|
12706
12710
|
"VTimePicker/model-value": {
|
12707
12711
|
"type": "any\n",
|
12708
12712
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
12709
12713
|
},
|
12714
|
+
"VTimePicker/location": {
|
12715
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
12716
|
+
"description": "Specifies the component's location. Can combine by using a space separated string."
|
12717
|
+
},
|
12718
|
+
"VTimePicker/color": {
|
12719
|
+
"type": "string\n",
|
12720
|
+
"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)."
|
12721
|
+
},
|
12710
12722
|
"VTimePicker/height": {
|
12711
12723
|
"type": "string | number\n",
|
12712
12724
|
"description": "Sets the height for the component."
|
12713
12725
|
},
|
12726
|
+
"VTimePicker/border": {
|
12727
|
+
"type": "string | number | boolean\n",
|
12728
|
+
"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)."
|
12729
|
+
},
|
12730
|
+
"VTimePicker/elevation": {
|
12731
|
+
"type": "string | number\n",
|
12732
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
12733
|
+
},
|
12734
|
+
"VTimePicker/rounded": {
|
12735
|
+
"type": "string | number | boolean\n",
|
12736
|
+
"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)."
|
12737
|
+
},
|
12738
|
+
"VTimePicker/tile": {
|
12739
|
+
"type": "boolean\n",
|
12740
|
+
"description": "Removes any applied **border-radius** from the component."
|
12741
|
+
},
|
12742
|
+
"VTimePicker/bg-color": {
|
12743
|
+
"type": "string\n",
|
12744
|
+
"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)."
|
12745
|
+
},
|
12746
|
+
"VTimePicker/disabled": {
|
12747
|
+
"type": "boolean\n",
|
12748
|
+
"description": "Removes the ability to click or target the component."
|
12749
|
+
},
|
12714
12750
|
"VTimePicker/max-height": {
|
12715
12751
|
"type": "string | number\n",
|
12716
12752
|
"description": "Sets the maximum height for the component."
|
@@ -12731,57 +12767,25 @@
|
|
12731
12767
|
"type": "string | number\n",
|
12732
12768
|
"description": "Width of the picker."
|
12733
12769
|
},
|
12734
|
-
"VTimePicker/
|
12735
|
-
"type": "
|
12736
|
-
"description": "
|
12770
|
+
"VTimePicker/readonly": {
|
12771
|
+
"type": "boolean\n",
|
12772
|
+
"description": "Puts picker in readonly state."
|
12737
12773
|
},
|
12738
|
-
"VTimePicker/
|
12739
|
-
"type": "
|
12740
|
-
"description": "
|
12774
|
+
"VTimePicker/max": {
|
12775
|
+
"type": "string\n",
|
12776
|
+
"description": "Maximum allowed time."
|
12777
|
+
},
|
12778
|
+
"VTimePicker/min": {
|
12779
|
+
"type": "string\n",
|
12780
|
+
"description": "Minimum allowed time."
|
12741
12781
|
},
|
12742
12782
|
"VTimePicker/position": {
|
12743
|
-
"type": "'fixed' | '
|
12783
|
+
"type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'\n",
|
12744
12784
|
"description": "Sets the position for the component."
|
12745
12785
|
},
|
12746
|
-
"VTimePicker/
|
12747
|
-
"type": "
|
12748
|
-
"description": "
|
12749
|
-
},
|
12750
|
-
"VTimePicker/tile": {
|
12751
|
-
"type": "boolean\n",
|
12752
|
-
"description": "Removes any applied **border-radius** from the component."
|
12753
|
-
},
|
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
|
-
"VTimePicker/color": {
|
12763
|
-
"type": "string\n",
|
12764
|
-
"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
|
-
},
|
12766
|
-
"VTimePicker/readonly": {
|
12767
|
-
"type": "boolean\n",
|
12768
|
-
"description": "Puts picker in readonly state."
|
12769
|
-
},
|
12770
|
-
"VTimePicker/disabled": {
|
12771
|
-
"type": "boolean\n",
|
12772
|
-
"description": "Removes the ability to click or target the component."
|
12773
|
-
},
|
12774
|
-
"VTimePicker/max": {
|
12775
|
-
"type": "string\n",
|
12776
|
-
"description": "Maximum allowed time."
|
12777
|
-
},
|
12778
|
-
"VTimePicker/bg-color": {
|
12779
|
-
"type": "string\n",
|
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)."
|
12781
|
-
},
|
12782
|
-
"VTimePicker/scrollable": {
|
12783
|
-
"type": "boolean\n",
|
12784
|
-
"description": "Allows changing hour/minute with mouse scroll."
|
12786
|
+
"VTimePicker/view-mode": {
|
12787
|
+
"type": "'hour' | 'minute' | 'second'\n",
|
12788
|
+
"description": "The current view mode of thep picker.`"
|
12785
12789
|
},
|
12786
12790
|
"VTimePicker/divided": {
|
12787
12791
|
"type": "boolean\n",
|
@@ -12791,14 +12795,6 @@
|
|
12791
12795
|
"type": "boolean\n",
|
12792
12796
|
"description": "Hide the picker header."
|
12793
12797
|
},
|
12794
|
-
"VTimePicker/min": {
|
12795
|
-
"type": "string\n",
|
12796
|
-
"description": "Minimum allowed time."
|
12797
|
-
},
|
12798
|
-
"VTimePicker/view-mode": {
|
12799
|
-
"type": "'hour' | 'minute' | 'second'\n",
|
12800
|
-
"description": "The current view mode of thep picker.`"
|
12801
|
-
},
|
12802
12798
|
"VTimePicker/ampm-in-title": {
|
12803
12799
|
"type": "boolean\n",
|
12804
12800
|
"description": "Place AM/PM switch in title, not near the clock."
|
@@ -12807,6 +12803,10 @@
|
|
12807
12803
|
"type": "'ampm' | '24hr'\n",
|
12808
12804
|
"description": "Defines the format of a time displayed in picker. Available options are `ampm` and `24hr`."
|
12809
12805
|
},
|
12806
|
+
"VTimePicker/scrollable": {
|
12807
|
+
"type": "boolean\n",
|
12808
|
+
"description": "Allows changing hour/minute with mouse scroll."
|
12809
|
+
},
|
12810
12810
|
"VTimePicker/use-seconds": {
|
12811
12811
|
"type": "boolean\n",
|
12812
12812
|
"description": "Toggles the use of seconds in picker."
|
@@ -12831,18 +12831,22 @@
|
|
12831
12831
|
"type": "string\n",
|
12832
12832
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
12833
12833
|
},
|
12834
|
-
"VTimePickerClock/disabled": {
|
12835
|
-
"type": "boolean\n",
|
12836
|
-
"description": "Removes the ability to click or target the component."
|
12837
|
-
},
|
12838
12834
|
"VTimePickerClock/readonly": {
|
12839
12835
|
"type": "boolean\n",
|
12840
12836
|
"description": "When true, the picker is in a read-only state, and users cannot modify the selected time."
|
12841
12837
|
},
|
12838
|
+
"VTimePickerClock/disabled": {
|
12839
|
+
"type": "boolean\n",
|
12840
|
+
"description": "Removes the ability to click or target the component."
|
12841
|
+
},
|
12842
12842
|
"VTimePickerClock/max": {
|
12843
12843
|
"type": "number\n",
|
12844
12844
|
"description": "Defines the maximum time value that can be selected."
|
12845
12845
|
},
|
12846
|
+
"VTimePickerClock/scrollable": {
|
12847
|
+
"type": "boolean\n",
|
12848
|
+
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs."
|
12849
|
+
},
|
12846
12850
|
"VTimePickerClock/min": {
|
12847
12851
|
"type": "number\n",
|
12848
12852
|
"description": "Defines the minimum time value that can be selected."
|
@@ -12871,30 +12875,26 @@
|
|
12871
12875
|
"type": "Function\n",
|
12872
12876
|
"description": "Specifies the format of the displayed time, either 12-hour or 24-hour, depending on the component's setup."
|
12873
12877
|
},
|
12874
|
-
"VTimePickerClock/scrollable": {
|
12875
|
-
"type": "boolean\n",
|
12876
|
-
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs."
|
12877
|
-
},
|
12878
12878
|
"VTimePickerClock/allowed-values": {
|
12879
12879
|
"type": "(value: number) => boolean\n",
|
12880
12880
|
"description": "Restricts which hours can be selected."
|
12881
12881
|
},
|
12882
|
-
"VTimePickerControls/value": {
|
12883
|
-
"type": "number\n",
|
12884
|
-
"description": "The current value of the timepicker."
|
12885
|
-
},
|
12886
12882
|
"VTimePickerControls/color": {
|
12887
12883
|
"type": "string\n",
|
12888
12884
|
"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)."
|
12889
12885
|
},
|
12890
|
-
"VTimePickerControls/disabled": {
|
12891
|
-
"type": "boolean\n",
|
12892
|
-
"description": "Removes the ability to click or target the component."
|
12893
|
-
},
|
12894
12886
|
"VTimePickerControls/readonly": {
|
12895
12887
|
"type": "boolean\n",
|
12896
12888
|
"description": "Makes the timepicker readonly."
|
12897
12889
|
},
|
12890
|
+
"VTimePickerControls/value": {
|
12891
|
+
"type": "number\n",
|
12892
|
+
"description": "The current value of the timepicker."
|
12893
|
+
},
|
12894
|
+
"VTimePickerControls/disabled": {
|
12895
|
+
"type": "boolean\n",
|
12896
|
+
"description": "Removes the ability to click or target the component."
|
12897
|
+
},
|
12898
12898
|
"VTimePickerControls/view-mode": {
|
12899
12899
|
"type": "'hour' | 'minute' | 'second'\n",
|
12900
12900
|
"description": "The current view mode of the timepicker. Can be either `hour`, `minute`, or `second`."
|
@@ -12995,13 +12995,9 @@
|
|
12995
12995
|
"type": "'end' | 'start' | 'both'\n",
|
12996
12996
|
"description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends."
|
12997
12997
|
},
|
12998
|
-
"VTimelineItem/
|
12999
|
-
"type": "string | (new () => any)
|
13000
|
-
"description": "
|
13001
|
-
},
|
13002
|
-
"VTimelineItem/size": {
|
13003
|
-
"type": "string | number\n",
|
13004
|
-
"description": "Size of the item dot"
|
12998
|
+
"VTimelineItem/icon": {
|
12999
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13000
|
+
"description": "Apply a specific icon to the inside dot using the [v-icon](/components/icons/) component."
|
13005
13001
|
},
|
13006
13002
|
"VTimelineItem/density": {
|
13007
13003
|
"type": "'default' | 'compact'\n",
|
@@ -13011,18 +13007,6 @@
|
|
13011
13007
|
"type": "string | number\n",
|
13012
13008
|
"description": "Sets the height for the component."
|
13013
13009
|
},
|
13014
|
-
"VTimelineItem/elevation": {
|
13015
|
-
"type": "string | number\n",
|
13016
|
-
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13017
|
-
},
|
13018
|
-
"VTimelineItem/rounded": {
|
13019
|
-
"type": "string | number | boolean\n",
|
13020
|
-
"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)."
|
13021
|
-
},
|
13022
|
-
"VTimelineItem/tile": {
|
13023
|
-
"type": "boolean\n",
|
13024
|
-
"description": "Removes any applied **border-radius** from the component."
|
13025
|
-
},
|
13026
13010
|
"VTimelineItem/max-height": {
|
13027
13011
|
"type": "string | number\n",
|
13028
13012
|
"description": "Sets the maximum height for the component."
|
@@ -13043,13 +13027,33 @@
|
|
13043
13027
|
"type": "string | number\n",
|
13044
13028
|
"description": "Sets the width for the component."
|
13045
13029
|
},
|
13030
|
+
"VTimelineItem/elevation": {
|
13031
|
+
"type": "string | number\n",
|
13032
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13033
|
+
},
|
13034
|
+
"VTimelineItem/rounded": {
|
13035
|
+
"type": "string | number | boolean\n",
|
13036
|
+
"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)."
|
13037
|
+
},
|
13038
|
+
"VTimelineItem/tile": {
|
13039
|
+
"type": "boolean\n",
|
13040
|
+
"description": "Removes any applied **border-radius** from the component."
|
13041
|
+
},
|
13042
|
+
"VTimelineItem/tag": {
|
13043
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13044
|
+
"description": "Specify a custom tag used on the root element."
|
13045
|
+
},
|
13046
|
+
"VTimelineItem/size": {
|
13047
|
+
"type": "string | number\n",
|
13048
|
+
"description": "Size of the item dot"
|
13049
|
+
},
|
13046
13050
|
"VTimelineItem/icon-color": {
|
13047
13051
|
"type": "string\n",
|
13048
13052
|
"description": "Color of the icon."
|
13049
13053
|
},
|
13050
|
-
"VTimelineItem/
|
13051
|
-
"type": "
|
13052
|
-
"description": "
|
13054
|
+
"VTimelineItem/side": {
|
13055
|
+
"type": "'end' | 'start'\n",
|
13056
|
+
"description": "Show the item either **before** or **after** the timeline. This will override the implicit ordering of items, but will in turn be overridden by the `v-timeline` **single-side** prop."
|
13053
13057
|
},
|
13054
13058
|
"VTimelineItem/dot-color": {
|
13055
13059
|
"type": "string\n",
|
@@ -13071,38 +13075,66 @@
|
|
13071
13075
|
"type": "string | number\n",
|
13072
13076
|
"description": "Specifies the distance between the line and the dot of the item."
|
13073
13077
|
},
|
13074
|
-
"
|
13075
|
-
"type": "
|
13076
|
-
"description": "
|
13078
|
+
"VToolbar/flat": {
|
13079
|
+
"type": "boolean\n",
|
13080
|
+
"description": "Removes the toolbar's box-shadow."
|
13081
|
+
},
|
13082
|
+
"VToolbar/tag": {
|
13083
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13084
|
+
"description": "Specify a custom tag used on the root element."
|
13077
13085
|
},
|
13078
13086
|
"VToolbar/title": {
|
13079
13087
|
"type": "string\n",
|
13080
13088
|
"description": "Specify a title text for the component."
|
13081
13089
|
},
|
13082
|
-
"VToolbar/
|
13090
|
+
"VToolbar/theme": {
|
13091
|
+
"type": "string\n",
|
13092
|
+
"description": "Specify a theme for this component and all of its children."
|
13093
|
+
},
|
13094
|
+
"VToolbar/image": {
|
13095
|
+
"type": "string\n",
|
13096
|
+
"description": "Specifies a [v-img](/components/images) as the component's background."
|
13097
|
+
},
|
13098
|
+
"VToolbar/collapse": {
|
13083
13099
|
"type": "boolean\n",
|
13084
|
-
"description": "
|
13100
|
+
"description": "Puts the toolbar into a collapsed state reducing its maximum width."
|
13085
13101
|
},
|
13086
|
-
"VToolbar/
|
13087
|
-
"type": "
|
13088
|
-
"description": "Applies
|
13102
|
+
"VToolbar/absolute": {
|
13103
|
+
"type": "boolean\n",
|
13104
|
+
"description": "Applies position: absolute to the component."
|
13105
|
+
},
|
13106
|
+
"VToolbar/color": {
|
13107
|
+
"type": "string\n",
|
13108
|
+
"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)."
|
13089
13109
|
},
|
13090
13110
|
"VToolbar/density": {
|
13091
13111
|
"type": "'default' | 'prominent' | 'comfortable' | 'compact'\n",
|
13092
13112
|
"description": "Adjusts the vertical height used by the component."
|
13093
13113
|
},
|
13114
|
+
"VToolbar/extended": {
|
13115
|
+
"type": "boolean\n",
|
13116
|
+
"description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
|
13117
|
+
},
|
13118
|
+
"VToolbar/extension-height": {
|
13119
|
+
"type": "string | number\n",
|
13120
|
+
"description": "Specify an explicit height for the `extension` slot."
|
13121
|
+
},
|
13122
|
+
"VToolbar/floating": {
|
13123
|
+
"type": "boolean\n",
|
13124
|
+
"description": "Applies **display: inline-flex** to the component."
|
13125
|
+
},
|
13094
13126
|
"VToolbar/height": {
|
13095
13127
|
"type": "string | number\n",
|
13096
13128
|
"description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
|
13097
13129
|
},
|
13130
|
+
"VToolbar/border": {
|
13131
|
+
"type": "string | number | boolean\n",
|
13132
|
+
"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)."
|
13133
|
+
},
|
13098
13134
|
"VToolbar/elevation": {
|
13099
13135
|
"type": "string | number\n",
|
13100
13136
|
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
|
13101
13137
|
},
|
13102
|
-
"VToolbar/absolute": {
|
13103
|
-
"type": "boolean\n",
|
13104
|
-
"description": "Applies position: absolute to the component."
|
13105
|
-
},
|
13106
13138
|
"VToolbar/rounded": {
|
13107
13139
|
"type": "string | number | boolean\n",
|
13108
13140
|
"description": "Designates the **border-radius** applied to the component. This can be **0**, **xs**, **sm**, true, **lg**, **xl**, **pill**, **circle**, and **shaped**. Find more information on available border radius classes on the [Border Radius page](/styles/border-radius)."
|
@@ -13111,66 +13143,54 @@
|
|
13111
13143
|
"type": "boolean\n",
|
13112
13144
|
"description": "Removes any applied **border-radius** from the component."
|
13113
13145
|
},
|
13114
|
-
"VToolbar/tag": {
|
13115
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13116
|
-
"description": "Specify a custom tag used on the root element."
|
13117
|
-
},
|
13118
|
-
"VToolbar/theme": {
|
13119
|
-
"type": "string\n",
|
13120
|
-
"description": "Specify a theme for this component and all of its children."
|
13121
|
-
},
|
13122
|
-
"VToolbar/color": {
|
13123
|
-
"type": "string\n",
|
13124
|
-
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13125
|
-
},
|
13126
|
-
"VToolbar/image": {
|
13127
|
-
"type": "string\n",
|
13128
|
-
"description": "Specifies a [v-img](/components/images) as the component's background."
|
13129
|
-
},
|
13130
|
-
"VToolbar/floating": {
|
13131
|
-
"type": "boolean\n",
|
13132
|
-
"description": "Applies **display: inline-flex** to the component."
|
13133
|
-
},
|
13134
|
-
"VToolbar/extended": {
|
13135
|
-
"type": "boolean\n",
|
13136
|
-
"description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
|
13137
|
-
},
|
13138
|
-
"VToolbar/collapse": {
|
13139
|
-
"type": "boolean\n",
|
13140
|
-
"description": "Puts the toolbar into a collapsed state reducing its maximum width."
|
13141
|
-
},
|
13142
|
-
"VToolbar/extension-height": {
|
13143
|
-
"type": "string | number\n",
|
13144
|
-
"description": "Specify an explicit height for the `extension` slot."
|
13145
|
-
},
|
13146
13146
|
"VToolbarItems/color": {
|
13147
13147
|
"type": "string\n",
|
13148
13148
|
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
|
13149
13149
|
},
|
13150
13150
|
"VToolbarItems/variant": {
|
13151
|
-
"type": "'
|
13151
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13152
13152
|
"description": "Applies a distinct style to the component."
|
13153
13153
|
},
|
13154
|
+
"VToolbarTitle/text": {
|
13155
|
+
"type": "string\n",
|
13156
|
+
"description": "Specify content text for the component."
|
13157
|
+
},
|
13154
13158
|
"VToolbarTitle/tag": {
|
13155
13159
|
"type": "string | (new () => any) | FunctionalComponent\n",
|
13156
13160
|
"description": "Specify a custom tag used on the root element."
|
13157
13161
|
},
|
13158
|
-
"
|
13162
|
+
"VTooltip/theme": {
|
13159
13163
|
"type": "string\n",
|
13160
|
-
"description": "Specify
|
13164
|
+
"description": "Specify a theme for this component and all of its children."
|
13161
13165
|
},
|
13162
|
-
"VTooltip/
|
13166
|
+
"VTooltip/id": {
|
13163
13167
|
"type": "string\n",
|
13164
|
-
"description": "
|
13168
|
+
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13165
13169
|
},
|
13166
13170
|
"VTooltip/model-value": {
|
13167
13171
|
"type": "boolean\n",
|
13168
13172
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13169
13173
|
},
|
13174
|
+
"VTooltip/location": {
|
13175
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>\n",
|
13176
|
+
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both.."
|
13177
|
+
},
|
13170
13178
|
"VTooltip/height": {
|
13171
13179
|
"type": "string | number\n",
|
13172
13180
|
"description": "Sets the height for the component."
|
13173
13181
|
},
|
13182
|
+
"VTooltip/text": {
|
13183
|
+
"type": "string\n",
|
13184
|
+
"description": "Specify content text for the component."
|
13185
|
+
},
|
13186
|
+
"VTooltip/eager": {
|
13187
|
+
"type": "boolean\n",
|
13188
|
+
"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."
|
13189
|
+
},
|
13190
|
+
"VTooltip/disabled": {
|
13191
|
+
"type": "boolean\n",
|
13192
|
+
"description": "Removes the ability to click or target the component."
|
13193
|
+
},
|
13174
13194
|
"VTooltip/max-height": {
|
13175
13195
|
"type": "string | number\n",
|
13176
13196
|
"description": "Sets the maximum height for the component."
|
@@ -13191,27 +13211,11 @@
|
|
13191
13211
|
"type": "string | number\n",
|
13192
13212
|
"description": "Sets the width for the component."
|
13193
13213
|
},
|
13194
|
-
"VTooltip/
|
13195
|
-
"type": "
|
13196
|
-
"description": "
|
13197
|
-
},
|
13198
|
-
"VTooltip/theme": {
|
13199
|
-
"type": "string\n",
|
13200
|
-
"description": "Specify a theme for this component and all of its children."
|
13214
|
+
"VTooltip/activator": {
|
13215
|
+
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
13216
|
+
"description": "Explicitly sets the overlay's activator."
|
13201
13217
|
},
|
13202
|
-
"VTooltip/
|
13203
|
-
"type": "boolean\n",
|
13204
|
-
"description": "Removes the ability to click or target the component."
|
13205
|
-
},
|
13206
|
-
"VTooltip/transition": {
|
13207
|
-
"type": "string | boolean | (TransitionProps & { component: Component })\n",
|
13208
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13209
|
-
},
|
13210
|
-
"VTooltip/activator": {
|
13211
|
-
"type": "Element | (string & {}) | 'parent' | ComponentPublicInstance\n",
|
13212
|
-
"description": "Explicitly sets the overlay's activator."
|
13213
|
-
},
|
13214
|
-
"VTooltip/close-on-back": {
|
13218
|
+
"VTooltip/close-on-back": {
|
13215
13219
|
"type": "boolean\n",
|
13216
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."
|
13217
13221
|
},
|
@@ -13275,10 +13279,6 @@
|
|
13275
13279
|
"type": "string | number\n",
|
13276
13280
|
"description": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**)."
|
13277
13281
|
},
|
13278
|
-
"VTooltip/eager": {
|
13279
|
-
"type": "boolean\n",
|
13280
|
-
"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."
|
13281
|
-
},
|
13282
13282
|
"VTooltip/location-strategy": {
|
13283
13283
|
"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
13284
|
"description": "A function used to specifies how the component should position relative to its activator."
|
@@ -13292,17 +13292,17 @@
|
|
13292
13292
|
"description": "A single value that offsets content away from the target based upon what side it is on."
|
13293
13293
|
},
|
13294
13294
|
"VTooltip/scroll-strategy": {
|
13295
|
-
"type": "'close' | '
|
13295
|
+
"type": "'close' | 'none' | 'block' | '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
13296
|
"description": "Strategy used when the component is activate and user scrolls."
|
13297
13297
|
},
|
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
|
+
},
|
13298
13302
|
"VTooltip/attach": {
|
13299
13303
|
"type": "string | boolean | Element\n",
|
13300
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."
|
13301
13305
|
},
|
13302
|
-
"VTooltip/id": {
|
13303
|
-
"type": "string\n",
|
13304
|
-
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used."
|
13305
|
-
},
|
13306
13306
|
"VTooltip/interactive": {
|
13307
13307
|
"type": "boolean\n",
|
13308
13308
|
"description": "When true, the tooltip will respond to pointer events, allowing you to copy text from it."
|
@@ -13311,30 +13311,14 @@
|
|
13311
13311
|
"type": "string\n",
|
13312
13312
|
"description": "The search model for filtering results."
|
13313
13313
|
},
|
13314
|
-
"VTreeview/
|
13315
|
-
"type": "string |
|
13316
|
-
"description": "
|
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."
|
13314
|
+
"VTreeview/border": {
|
13315
|
+
"type": "string | number | boolean\n",
|
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)."
|
13329
13317
|
},
|
13330
13318
|
"VTreeview/model-value": {
|
13331
13319
|
"type": "unknown[]\n",
|
13332
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`"
|
13333
13321
|
},
|
13334
|
-
"VTreeview/color": {
|
13335
|
-
"type": "string\n",
|
13336
|
-
"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)."
|
13337
|
-
},
|
13338
13322
|
"VTreeview/density": {
|
13339
13323
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
13340
13324
|
"description": "Adjusts the vertical height used by the component."
|
@@ -13343,9 +13327,25 @@
|
|
13343
13327
|
"type": "string | number\n",
|
13344
13328
|
"description": "Sets the height for the component."
|
13345
13329
|
},
|
13346
|
-
"VTreeview/
|
13347
|
-
"type": "string | number
|
13348
|
-
"description": "
|
13330
|
+
"VTreeview/max-height": {
|
13331
|
+
"type": "string | number\n",
|
13332
|
+
"description": "Sets the maximum height for the component."
|
13333
|
+
},
|
13334
|
+
"VTreeview/max-width": {
|
13335
|
+
"type": "string | number\n",
|
13336
|
+
"description": "Sets the maximum width for the component."
|
13337
|
+
},
|
13338
|
+
"VTreeview/min-height": {
|
13339
|
+
"type": "string | number\n",
|
13340
|
+
"description": "Sets the minimum height for the component."
|
13341
|
+
},
|
13342
|
+
"VTreeview/min-width": {
|
13343
|
+
"type": "string | number\n",
|
13344
|
+
"description": "Sets the minimum width for the component."
|
13345
|
+
},
|
13346
|
+
"VTreeview/width": {
|
13347
|
+
"type": "string | number\n",
|
13348
|
+
"description": "Sets the width for the component."
|
13349
13349
|
},
|
13350
13350
|
"VTreeview/elevation": {
|
13351
13351
|
"type": "string | number\n",
|
@@ -13359,6 +13359,86 @@
|
|
13359
13359
|
"type": "boolean\n",
|
13360
13360
|
"description": "Removes any applied **border-radius** from the component."
|
13361
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
|
+
},
|
13370
|
+
"VTreeview/color": {
|
13371
|
+
"type": "string\n",
|
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)."
|
13373
|
+
},
|
13374
|
+
"VTreeview/variant": {
|
13375
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13376
|
+
"description": "Applies a distinct style to the component."
|
13377
|
+
},
|
13378
|
+
"VTreeview/activated": {
|
13379
|
+
"type": "any\n",
|
13380
|
+
"description": "Array of ids of activated nodes."
|
13381
|
+
},
|
13382
|
+
"VTreeview/active-color": {
|
13383
|
+
"type": "string\n",
|
13384
|
+
"description": "The applied color when the component is in an active state."
|
13385
|
+
},
|
13386
|
+
"VTreeview/base-color": {
|
13387
|
+
"type": "string\n",
|
13388
|
+
"description": "Sets the color of component when not focused."
|
13389
|
+
},
|
13390
|
+
"VTreeview/slim": {
|
13391
|
+
"type": "boolean\n",
|
13392
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
13393
|
+
},
|
13394
|
+
"VTreeview/disabled": {
|
13395
|
+
"type": "boolean\n",
|
13396
|
+
"description": "Disables selection for all nodes."
|
13397
|
+
},
|
13398
|
+
"VTreeview/bg-color": {
|
13399
|
+
"type": "string\n",
|
13400
|
+
"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)."
|
13401
|
+
},
|
13402
|
+
"VTreeview/lines": {
|
13403
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
13404
|
+
"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."
|
13405
|
+
},
|
13406
|
+
"VTreeview/mandatory": {
|
13407
|
+
"type": "boolean\n",
|
13408
|
+
"description": "Forces at least one item to always be selected (if available)."
|
13409
|
+
},
|
13410
|
+
"VTreeview/open-on-click": {
|
13411
|
+
"type": "boolean\n",
|
13412
|
+
"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."
|
13413
|
+
},
|
13414
|
+
"VTreeview/active-class": {
|
13415
|
+
"type": "string\n",
|
13416
|
+
"description": "The class applied to the component when it is in an active state."
|
13417
|
+
},
|
13418
|
+
"VTreeview/items": {
|
13419
|
+
"type": "unknown[]\n",
|
13420
|
+
"description": "An array of items used to build the treeview."
|
13421
|
+
},
|
13422
|
+
"VTreeview/selected": {
|
13423
|
+
"type": "any\n",
|
13424
|
+
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
|
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."
|
13441
|
+
},
|
13362
13442
|
"VTreeview/filter-mode": {
|
13363
13443
|
"type": "'every' | 'some' | 'union' | 'intersection'\n",
|
13364
13444
|
"description": "Controls how the results of `customFilter` and `customKeyFilter` are combined. All modes only apply `customFilter` to columns not specified in `customKeyFilter`.\n\n- **some**: There is at least one match from either the custom filter or the custom key filter.\n- **every**: All columns match either the custom filter or the custom key filter.\n- **union**: There is at least one match from the custom filter, or all columns match the custom key filters.\n- **intersection**: There is at least one match from the custom filter, and all columns match the custom key filters."
|
@@ -13379,42 +13459,14 @@
|
|
13379
13459
|
"type": "string | string[]\n",
|
13380
13460
|
"description": "Array of specific keys to filter on the item."
|
13381
13461
|
},
|
13382
|
-
"VTreeview/base-color": {
|
13383
|
-
"type": "string\n",
|
13384
|
-
"description": "Sets the color of component when not focused."
|
13385
|
-
},
|
13386
|
-
"VTreeview/active-color": {
|
13387
|
-
"type": "string\n",
|
13388
|
-
"description": "The applied color when the component is in an active state."
|
13389
|
-
},
|
13390
|
-
"VTreeview/active-class": {
|
13391
|
-
"type": "string\n",
|
13392
|
-
"description": "The class applied to the component when it is in an active state."
|
13393
|
-
},
|
13394
|
-
"VTreeview/bg-color": {
|
13395
|
-
"type": "string\n",
|
13396
|
-
"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)."
|
13397
|
-
},
|
13398
|
-
"VTreeview/disabled": {
|
13399
|
-
"type": "boolean\n",
|
13400
|
-
"description": "Disables selection for all nodes."
|
13401
|
-
},
|
13402
13462
|
"VTreeview/expand-icon": {
|
13403
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
13463
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13404
13464
|
"description": "Icon used to indicate that a node can be expanded."
|
13405
13465
|
},
|
13406
13466
|
"VTreeview/collapse-icon": {
|
13407
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n
|
13467
|
+
"type": " | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent\n",
|
13408
13468
|
"description": "Icon to display when the list item is expanded."
|
13409
13469
|
},
|
13410
|
-
"VTreeview/lines": {
|
13411
|
-
"type": "false | 'one' | 'two' | 'three'\n",
|
13412
|
-
"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."
|
13413
|
-
},
|
13414
|
-
"VTreeview/slim": {
|
13415
|
-
"type": "boolean\n",
|
13416
|
-
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation."
|
13417
|
-
},
|
13418
13470
|
"VTreeview/activatable": {
|
13419
13471
|
"type": "boolean\n",
|
13420
13472
|
"description": "Allows user to mark a node as active by clicking on it."
|
@@ -13427,14 +13479,6 @@
|
|
13427
13479
|
"type": "any\n",
|
13428
13480
|
"description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
|
13429
13481
|
},
|
13430
|
-
"VTreeview/selected": {
|
13431
|
-
"type": "any\n",
|
13432
|
-
"description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
|
13433
|
-
},
|
13434
|
-
"VTreeview/mandatory": {
|
13435
|
-
"type": "boolean\n",
|
13436
|
-
"description": "Forces at least one item to always be selected (if available)."
|
13437
|
-
},
|
13438
13482
|
"VTreeview/active-strategy": {
|
13439
13483
|
"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",
|
13440
13484
|
"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."
|
@@ -13443,26 +13487,6 @@
|
|
13443
13487
|
"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",
|
13444
13488
|
"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."
|
13445
13489
|
},
|
13446
|
-
"VTreeview/max-height": {
|
13447
|
-
"type": "string | number\n",
|
13448
|
-
"description": "Sets the maximum height for the component."
|
13449
|
-
},
|
13450
|
-
"VTreeview/max-width": {
|
13451
|
-
"type": "string | number\n",
|
13452
|
-
"description": "Sets the maximum width for the component."
|
13453
|
-
},
|
13454
|
-
"VTreeview/min-height": {
|
13455
|
-
"type": "string | number\n",
|
13456
|
-
"description": "Sets the minimum height for the component."
|
13457
|
-
},
|
13458
|
-
"VTreeview/min-width": {
|
13459
|
-
"type": "string | number\n",
|
13460
|
-
"description": "Sets the minimum width for the component."
|
13461
|
-
},
|
13462
|
-
"VTreeview/width": {
|
13463
|
-
"type": "string | number\n",
|
13464
|
-
"description": "Sets the width for the component."
|
13465
|
-
},
|
13466
13490
|
"VTreeview/item-title": {
|
13467
13491
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
|
13468
13492
|
"description": "Property on supplied `items` that contains its title."
|
@@ -13483,30 +13507,10 @@
|
|
13483
13507
|
"type": "boolean\n",
|
13484
13508
|
"description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key."
|
13485
13509
|
},
|
13486
|
-
"VTreeview/value-comparator": {
|
13487
|
-
"type": "(a: any, b: any) => boolean\n",
|
13488
|
-
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop."
|
13489
|
-
},
|
13490
|
-
"VTreeview/variant": {
|
13491
|
-
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13492
|
-
"description": "Applies a distinct style to the component."
|
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
|
-
},
|
13498
13510
|
"VTreeview/fluid": {
|
13499
13511
|
"type": "boolean\n",
|
13500
13512
|
"description": "Removes indentation from nested items."
|
13501
13513
|
},
|
13502
|
-
"VTreeview/false-icon": {
|
13503
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13504
|
-
"description": "The icon used when inactive."
|
13505
|
-
},
|
13506
|
-
"VTreeview/true-icon": {
|
13507
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13508
|
-
"description": "The icon used when active."
|
13509
|
-
},
|
13510
13514
|
"VTreeview/open-all": {
|
13511
13515
|
"type": "boolean\n",
|
13512
13516
|
"description": "When `true` will cause all branch nodes to be opened when component is mounted."
|
@@ -13515,10 +13519,6 @@
|
|
13515
13519
|
"type": "string\n",
|
13516
13520
|
"description": "Icon used when node is in a loading state."
|
13517
13521
|
},
|
13518
|
-
"VTreeview/indeterminate-icon": {
|
13519
|
-
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\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,54 +13527,50 @@
|
|
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
13542
|
"VTreeviewGroup/color": {
|
13539
13543
|
"type": "string\n",
|
13540
13544
|
"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)."
|
13541
13545
|
},
|
13542
|
-
"VTreeviewGroup/active-color": {
|
13543
|
-
"type": "string\n",
|
13544
|
-
"description": "The applied color when the component is in an active state."
|
13545
|
-
},
|
13546
13546
|
"VTreeviewGroup/base-color": {
|
13547
13547
|
"type": "string\n",
|
13548
13548
|
"description": "Sets the color of component when not focused."
|
13549
13549
|
},
|
13550
|
-
"VTreeviewGroup/
|
13551
|
-
"type": "
|
13552
|
-
"description": "
|
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/value": {
|
13559
|
-
"type": "any\n",
|
13560
|
-
"description": "Expands / Collapse the list-group."
|
13550
|
+
"VTreeviewGroup/active-color": {
|
13551
|
+
"type": "string\n",
|
13552
|
+
"description": "The applied color when the component is in an active state."
|
13561
13553
|
},
|
13562
13554
|
"VTreeviewGroup/expand-icon": {
|
13563
|
-
"type": " | string\n | (
|
13555
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13564
13556
|
"description": "Icon to display when the list item is collapsed."
|
13565
13557
|
},
|
13566
13558
|
"VTreeviewGroup/collapse-icon": {
|
13567
|
-
"type": " | string\n | (
|
13559
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13568
13560
|
"description": "Icon to display when the list item is expanded."
|
13569
13561
|
},
|
13562
|
+
"VTreeviewGroup/append-icon": {
|
13563
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\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 | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\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/title": {
|
13575
|
-
"type": "string | number | boolean\n",
|
13576
|
-
"description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
|
13577
|
-
},
|
13578
13574
|
"VTreeviewItem/replace": {
|
13579
13575
|
"type": "boolean\n",
|
13580
13576
|
"description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [replace](https://router.vuejs.org/api/#replace) prop on the vue-router documentation."
|
@@ -13583,9 +13579,29 @@
|
|
13583
13579
|
"type": "boolean\n",
|
13584
13580
|
"description": "Designates that the component is a link. This is automatic when using the href or to prop."
|
13585
13581
|
},
|
13586
|
-
"VTreeviewItem/
|
13582
|
+
"VTreeviewItem/tag": {
|
13583
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13584
|
+
"description": "Specify a custom tag used on the root element."
|
13585
|
+
},
|
13586
|
+
"VTreeviewItem/nav": {
|
13587
|
+
"type": "boolean\n",
|
13588
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
13589
|
+
},
|
13590
|
+
"VTreeviewItem/title": {
|
13587
13591
|
"type": "string | number | boolean\n",
|
13588
|
-
"description": "
|
13592
|
+
"description": "Generates a `v-list-item-title` component with the supplied value. Note that this overrides the native [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title) attribute, that must be set with `v-bind:title.attr` instead."
|
13593
|
+
},
|
13594
|
+
"VTreeviewItem/theme": {
|
13595
|
+
"type": "string\n",
|
13596
|
+
"description": "Specify a theme for this component and all of its children."
|
13597
|
+
},
|
13598
|
+
"VTreeviewItem/value": {
|
13599
|
+
"type": "any\n",
|
13600
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected."
|
13601
|
+
},
|
13602
|
+
"VTreeviewItem/color": {
|
13603
|
+
"type": "string\n",
|
13604
|
+
"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),"
|
13589
13605
|
},
|
13590
13606
|
"VTreeviewItem/density": {
|
13591
13607
|
"type": "'default' | 'comfortable' | 'compact'\n",
|
@@ -13595,25 +13611,9 @@
|
|
13595
13611
|
"type": "string | number\n",
|
13596
13612
|
"description": "Sets the height for the component."
|
13597
13613
|
},
|
13598
|
-
"VTreeviewItem/
|
13599
|
-
"type": "string | number\n",
|
13600
|
-
"description": "
|
13601
|
-
},
|
13602
|
-
"VTreeviewItem/max-width": {
|
13603
|
-
"type": "string | number\n",
|
13604
|
-
"description": "Sets the maximum width for the component."
|
13605
|
-
},
|
13606
|
-
"VTreeviewItem/min-height": {
|
13607
|
-
"type": "string | number\n",
|
13608
|
-
"description": "Sets the minimum height for the component."
|
13609
|
-
},
|
13610
|
-
"VTreeviewItem/min-width": {
|
13611
|
-
"type": "string | number\n",
|
13612
|
-
"description": "Sets the minimum width for the component."
|
13613
|
-
},
|
13614
|
-
"VTreeviewItem/width": {
|
13615
|
-
"type": "string | number\n",
|
13616
|
-
"description": "Sets the width for the component."
|
13614
|
+
"VTreeviewItem/border": {
|
13615
|
+
"type": "string | number | boolean\n",
|
13616
|
+
"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)."
|
13617
13617
|
},
|
13618
13618
|
"VTreeviewItem/elevation": {
|
13619
13619
|
"type": "string | number\n",
|
@@ -13627,57 +13627,73 @@
|
|
13627
13627
|
"type": "boolean\n",
|
13628
13628
|
"description": "Removes any applied **border-radius** from the component."
|
13629
13629
|
},
|
13630
|
-
"VTreeviewItem/
|
13631
|
-
"type": "
|
13632
|
-
"description": "
|
13630
|
+
"VTreeviewItem/exact": {
|
13631
|
+
"type": "boolean\n",
|
13632
|
+
"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."
|
13633
13633
|
},
|
13634
|
-
"VTreeviewItem/
|
13635
|
-
"type": "string\n",
|
13636
|
-
"description": "Specify a
|
13634
|
+
"VTreeviewItem/subtitle": {
|
13635
|
+
"type": "string | number | boolean\n",
|
13636
|
+
"description": "Specify a subtitle text for the component."
|
13637
13637
|
},
|
13638
|
-
"VTreeviewItem/color": {
|
13638
|
+
"VTreeviewItem/base-color": {
|
13639
13639
|
"type": "string\n",
|
13640
|
-
"description": "
|
13641
|
-
},
|
13642
|
-
"VTreeviewItem/variant": {
|
13643
|
-
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13644
|
-
"description": "Applies a distinct style to the component."
|
13645
|
-
},
|
13646
|
-
"VTreeviewItem/active": {
|
13647
|
-
"type": "boolean\n",
|
13648
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
13640
|
+
"description": "Sets the color of component when not focused."
|
13649
13641
|
},
|
13650
13642
|
"VTreeviewItem/active-color": {
|
13651
13643
|
"type": "string\n",
|
13652
13644
|
"description": "The applied color when the component is in an active state."
|
13653
13645
|
},
|
13654
|
-
"VTreeviewItem/
|
13646
|
+
"VTreeviewItem/active-class": {
|
13655
13647
|
"type": "string\n",
|
13656
|
-
"description": "
|
13648
|
+
"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."
|
13657
13649
|
},
|
13658
|
-
"VTreeviewItem/
|
13659
|
-
"type": "
|
13660
|
-
"description": "
|
13650
|
+
"VTreeviewItem/disabled": {
|
13651
|
+
"type": "boolean\n",
|
13652
|
+
"description": "Removes the ability to click or target the component."
|
13661
13653
|
},
|
13662
|
-
"VTreeviewItem/
|
13663
|
-
"type": "
|
13664
|
-
"description": "
|
13654
|
+
"VTreeviewItem/lines": {
|
13655
|
+
"type": "false | 'one' | 'two' | 'three'\n",
|
13656
|
+
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
13665
13657
|
},
|
13666
13658
|
"VTreeviewItem/slim": {
|
13667
13659
|
"type": "boolean\n",
|
13668
13660
|
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact."
|
13669
13661
|
},
|
13670
|
-
"VTreeviewItem/
|
13671
|
-
"type": "
|
13672
|
-
"description": "
|
13662
|
+
"VTreeviewItem/max-height": {
|
13663
|
+
"type": "string | number\n",
|
13664
|
+
"description": "Sets the maximum height for the component."
|
13673
13665
|
},
|
13674
|
-
"VTreeviewItem/
|
13675
|
-
"type": "
|
13676
|
-
"description": "
|
13666
|
+
"VTreeviewItem/max-width": {
|
13667
|
+
"type": "string | number\n",
|
13668
|
+
"description": "Sets the maximum width for the component."
|
13677
13669
|
},
|
13678
|
-
"VTreeviewItem/
|
13670
|
+
"VTreeviewItem/min-height": {
|
13671
|
+
"type": "string | number\n",
|
13672
|
+
"description": "Sets the minimum height for the component."
|
13673
|
+
},
|
13674
|
+
"VTreeviewItem/min-width": {
|
13675
|
+
"type": "string | number\n",
|
13676
|
+
"description": "Sets the minimum width for the component."
|
13677
|
+
},
|
13678
|
+
"VTreeviewItem/width": {
|
13679
|
+
"type": "string | number\n",
|
13680
|
+
"description": "Sets the width for the component."
|
13681
|
+
},
|
13682
|
+
"VTreeviewItem/variant": {
|
13683
|
+
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'\n",
|
13684
|
+
"description": "Applies a distinct style to the component."
|
13685
|
+
},
|
13686
|
+
"VTreeviewItem/append-icon": {
|
13687
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\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 | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13692
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content."
|
13693
|
+
},
|
13694
|
+
"VTreeviewItem/active": {
|
13679
13695
|
"type": "boolean\n",
|
13680
|
-
"description": "
|
13696
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component."
|
13681
13697
|
},
|
13682
13698
|
"VTreeviewItem/loading": {
|
13683
13699
|
"type": "boolean\n",
|
@@ -13687,29 +13703,13 @@
|
|
13687
13703
|
"type": "string\n",
|
13688
13704
|
"description": "Designates the component as anchor and applies the **href** attribute."
|
13689
13705
|
},
|
13690
|
-
"VTreeviewItem/
|
13691
|
-
"type": "boolean\n",
|
13692
|
-
"description": "
|
13693
|
-
},
|
13694
|
-
"VTreeviewItem/to": {
|
13695
|
-
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
13696
|
-
"description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
|
13697
|
-
},
|
13698
|
-
"VTreeviewItem/lines": {
|
13699
|
-
"type": "false | 'one' | 'two' | 'three'\n",
|
13700
|
-
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop."
|
13701
|
-
},
|
13702
|
-
"VTreeviewItem/nav": {
|
13703
|
-
"type": "boolean\n",
|
13704
|
-
"description": "Reduces the width of v-list-item takes and adds a border radius."
|
13705
|
-
},
|
13706
|
-
"VTreeviewItem/active-class": {
|
13707
|
-
"type": "string\n",
|
13708
|
-
"description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation."
|
13706
|
+
"VTreeviewItem/ripple": {
|
13707
|
+
"type": "boolean | { class: string }\n",
|
13708
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive."
|
13709
13709
|
},
|
13710
|
-
"VTreeviewItem/
|
13711
|
-
"type": "string |
|
13712
|
-
"description": "
|
13710
|
+
"VTreeviewItem/toggle-icon": {
|
13711
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13712
|
+
"description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches."
|
13713
13713
|
},
|
13714
13714
|
"VTreeviewItem/append-avatar": {
|
13715
13715
|
"type": "string\n",
|
@@ -13719,30 +13719,34 @@
|
|
13719
13719
|
"type": "string\n",
|
13720
13720
|
"description": "Prepends a [v-avatar](/components/avatars/) component in the **prepend** slot before default content."
|
13721
13721
|
},
|
13722
|
-
"VTreeviewItem/
|
13723
|
-
"type": "
|
13724
|
-
"description": "
|
13722
|
+
"VTreeviewItem/to": {
|
13723
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric\n",
|
13724
|
+
"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."
|
13725
13725
|
},
|
13726
|
-
"VValidation/
|
13727
|
-
"type": "
|
13728
|
-
"description": "
|
13726
|
+
"VValidation/model-value": {
|
13727
|
+
"type": "unknown\n",
|
13728
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13729
13729
|
},
|
13730
13730
|
"VValidation/error": {
|
13731
13731
|
"type": "boolean\n",
|
13732
13732
|
"description": "Puts the input in a manual error state."
|
13733
13733
|
},
|
13734
|
-
"VValidation/
|
13734
|
+
"VValidation/name": {
|
13735
13735
|
"type": "string\n",
|
13736
|
-
"description": "Sets the
|
13736
|
+
"description": "Sets the component's name attribute."
|
13737
13737
|
},
|
13738
|
-
"VValidation/
|
13739
|
-
"type": "
|
13740
|
-
"description": "
|
13738
|
+
"VValidation/readonly": {
|
13739
|
+
"type": "boolean\n",
|
13740
|
+
"description": "Puts input in readonly state."
|
13741
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/label": {
|
13747
|
+
"type": "string\n",
|
13748
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component."
|
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,10 +13771,6 @@
|
|
13771
13771
|
"type": "boolean\n",
|
13772
13772
|
"description": "Forces a focused state styling on the component."
|
13773
13773
|
},
|
13774
|
-
"VVirtualScroll/items": {
|
13775
|
-
"type": "unknown[]\n",
|
13776
|
-
"description": "The array of items to display."
|
13777
|
-
},
|
13778
13774
|
"VVirtualScroll/height": {
|
13779
13775
|
"type": "string | number\n",
|
13780
13776
|
"description": "Height of the component as a css value/"
|
@@ -13799,6 +13795,14 @@
|
|
13799
13795
|
"type": "string | number\n",
|
13800
13796
|
"description": "Sets the width for the component."
|
13801
13797
|
},
|
13798
|
+
"VVirtualScroll/items": {
|
13799
|
+
"type": "unknown[]\n",
|
13800
|
+
"description": "The array of items to display."
|
13801
|
+
},
|
13802
|
+
"VVirtualScroll/renderless": {
|
13803
|
+
"type": "boolean\n",
|
13804
|
+
"description": "Disables default component rendering functionality. The parent node must be [a positioned element](https://developer.mozilla.org/en-US/docs/Web/CSS/position#types_of_positioning), e.g. using `position: relative;`"
|
13805
|
+
},
|
13802
13806
|
"VVirtualScroll/item-height": {
|
13803
13807
|
"type": "string | number\n",
|
13804
13808
|
"description": "Height in pixels of each item to display."
|
@@ -13807,46 +13811,46 @@
|
|
13807
13811
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>\n",
|
13808
13812
|
"description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders."
|
13809
13813
|
},
|
13810
|
-
"
|
13811
|
-
"type": "
|
13812
|
-
"description": "
|
13813
|
-
},
|
13814
|
-
"VWindow/model-value": {
|
13815
|
-
"type": "unknown\n",
|
13816
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13814
|
+
"VWindow/tag": {
|
13815
|
+
"type": "string | (new () => any) | FunctionalComponent\n",
|
13816
|
+
"description": "Specify a custom tag used on the root element."
|
13817
13817
|
},
|
13818
13818
|
"VWindow/reverse": {
|
13819
13819
|
"type": "boolean\n",
|
13820
13820
|
"description": "Reverse the normal transition direction."
|
13821
13821
|
},
|
13822
|
-
"VWindow/tag": {
|
13823
|
-
"type": "string | (new () => any) | FunctionalComponent\n",
|
13824
|
-
"description": "Specify a custom tag used on the root element."
|
13825
|
-
},
|
13826
13822
|
"VWindow/theme": {
|
13827
13823
|
"type": "string\n",
|
13828
13824
|
"description": "Specify a theme for this component and all of its children."
|
13829
13825
|
},
|
13826
|
+
"VWindow/model-value": {
|
13827
|
+
"type": "unknown\n",
|
13828
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
|
13829
|
+
},
|
13830
13830
|
"VWindow/disabled": {
|
13831
13831
|
"type": "boolean\n",
|
13832
13832
|
"description": "Removes the ability to click or target the component."
|
13833
13833
|
},
|
13834
|
-
"VWindow/selected-class": {
|
13835
|
-
"type": "string\n",
|
13836
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
13837
|
-
},
|
13838
13834
|
"VWindow/mandatory": {
|
13839
13835
|
"type": "boolean | 'force'\n",
|
13840
13836
|
"description": "Forces at least one item to always be selected (if available)."
|
13841
13837
|
},
|
13842
|
-
"VWindow/
|
13843
|
-
"type": "
|
13844
|
-
"description": "
|
13838
|
+
"VWindow/direction": {
|
13839
|
+
"type": "'horizontal' | 'vertical'\n",
|
13840
|
+
"description": "The transition direction when changing windows."
|
13845
13841
|
},
|
13846
13842
|
"VWindow/prev-icon": {
|
13847
|
-
"type": " | string\n | (
|
13843
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13848
13844
|
"description": "Icon used for the \"prev\" button if `show-arrows` is `true`."
|
13849
13845
|
},
|
13846
|
+
"VWindow/next-icon": {
|
13847
|
+
"type": " | string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]\n",
|
13848
|
+
"description": "Icon used for the \"next\" button if `show-arrows` is `true`."
|
13849
|
+
},
|
13850
|
+
"VWindow/selected-class": {
|
13851
|
+
"type": "string\n",
|
13852
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
13853
|
+
},
|
13850
13854
|
"VWindow/continuous": {
|
13851
13855
|
"type": "boolean\n",
|
13852
13856
|
"description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last."
|
@@ -13859,32 +13863,28 @@
|
|
13859
13863
|
"type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>\n",
|
13860
13864
|
"description": "Provide a custom **left** and **right** function when swiped left or right."
|
13861
13865
|
},
|
13862
|
-
"VWindow/direction": {
|
13863
|
-
"type": "'horizontal' | 'vertical'\n",
|
13864
|
-
"description": "The transition direction when changing windows."
|
13865
|
-
},
|
13866
13866
|
"VWindowItem/value": {
|
13867
13867
|
"type": "any\n",
|
13868
13868
|
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
|
13869
13869
|
},
|
13870
|
-
"VWindowItem/eager": {
|
13871
|
-
"type": "boolean\n",
|
13872
|
-
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
13873
|
-
},
|
13874
13870
|
"VWindowItem/disabled": {
|
13875
13871
|
"type": "boolean\n",
|
13876
13872
|
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method."
|
13877
13873
|
},
|
13874
|
+
"VWindowItem/selected-class": {
|
13875
|
+
"type": "string\n",
|
13876
|
+
"description": "Configure the active CSS class applied when an item is selected."
|
13877
|
+
},
|
13878
13878
|
"VWindowItem/transition": {
|
13879
13879
|
"type": "string | boolean\n",
|
13880
13880
|
"description": "The transition used when the component progressing through items. Can be one of the [built in](/styles/transitions/) or custom transition."
|
13881
13881
|
},
|
13882
|
+
"VWindowItem/eager": {
|
13883
|
+
"type": "boolean\n",
|
13884
|
+
"description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
|
13885
|
+
},
|
13882
13886
|
"VWindowItem/reverse-transition": {
|
13883
13887
|
"type": "string | boolean\n",
|
13884
13888
|
"description": "Sets the reverse transition."
|
13885
|
-
},
|
13886
|
-
"VWindowItem/selected-class": {
|
13887
|
-
"type": "string\n",
|
13888
|
-
"description": "Configure the active CSS class applied when an item is selected."
|
13889
13889
|
}
|
13890
13890
|
}
|