@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
package/dist/json/web-types.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
3
3
|
"framework": "vue",
|
4
4
|
"name": "vuetify",
|
5
|
-
"version": "3.8.1-
|
5
|
+
"version": "3.8.1-next.2025-04-15",
|
6
6
|
"contributions": {
|
7
7
|
"html": {
|
8
8
|
"types-syntax": "typescript",
|
@@ -1291,6 +1291,15 @@
|
|
1291
1291
|
"type": "string"
|
1292
1292
|
}
|
1293
1293
|
},
|
1294
|
+
{
|
1295
|
+
"name": "prefix",
|
1296
|
+
"description": "Displays prefix text.",
|
1297
|
+
"doc-url": "https://vuetifyjs.com/api/VAutocomplete#props",
|
1298
|
+
"value": {
|
1299
|
+
"kind": "expression",
|
1300
|
+
"type": "string"
|
1301
|
+
}
|
1302
|
+
},
|
1294
1303
|
{
|
1295
1304
|
"name": "modelValue",
|
1296
1305
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
@@ -1698,15 +1707,6 @@
|
|
1698
1707
|
"type": "string | number | boolean"
|
1699
1708
|
}
|
1700
1709
|
},
|
1701
|
-
{
|
1702
|
-
"name": "prefix",
|
1703
|
-
"description": "Displays prefix text.",
|
1704
|
-
"doc-url": "https://vuetifyjs.com/api/VAutocomplete#props",
|
1705
|
-
"value": {
|
1706
|
-
"kind": "expression",
|
1707
|
-
"type": "string"
|
1708
|
-
}
|
1709
|
-
},
|
1710
1710
|
{
|
1711
1711
|
"name": "placeholder",
|
1712
1712
|
"description": "Sets the input’s placeholder text.",
|
@@ -2360,6 +2360,10 @@
|
|
2360
2360
|
"vue-properties": [
|
2361
2361
|
{
|
2362
2362
|
"name": "item",
|
2363
|
+
"type": "unknown"
|
2364
|
+
},
|
2365
|
+
{
|
2366
|
+
"name": "internalItem",
|
2363
2367
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
2364
2368
|
},
|
2365
2369
|
{
|
@@ -2379,6 +2383,10 @@
|
|
2379
2383
|
"vue-properties": [
|
2380
2384
|
{
|
2381
2385
|
"name": "item",
|
2386
|
+
"type": "unknown"
|
2387
|
+
},
|
2388
|
+
{
|
2389
|
+
"name": "internalItem",
|
2382
2390
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
2383
2391
|
},
|
2384
2392
|
{
|
@@ -2398,6 +2406,10 @@
|
|
2398
2406
|
"vue-properties": [
|
2399
2407
|
{
|
2400
2408
|
"name": "item",
|
2409
|
+
"type": "unknown"
|
2410
|
+
},
|
2411
|
+
{
|
2412
|
+
"name": "internalItem",
|
2401
2413
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
2402
2414
|
},
|
2403
2415
|
{
|
@@ -5095,6 +5107,7 @@
|
|
5095
5107
|
"name": "firstDayOfWeek",
|
5096
5108
|
"description": "Sets the first day of the week, starting with 0 for Sunday.",
|
5097
5109
|
"doc-url": "https://vuetifyjs.com/api/VCalendar#props",
|
5110
|
+
"default": "0",
|
5098
5111
|
"value": {
|
5099
5112
|
"kind": "expression",
|
5100
5113
|
"type": "string | number"
|
@@ -10720,6 +10733,10 @@
|
|
10720
10733
|
"vue-properties": [
|
10721
10734
|
{
|
10722
10735
|
"name": "item",
|
10736
|
+
"type": "unknown"
|
10737
|
+
},
|
10738
|
+
{
|
10739
|
+
"name": "internalItem",
|
10723
10740
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
10724
10741
|
},
|
10725
10742
|
{
|
@@ -10739,6 +10756,10 @@
|
|
10739
10756
|
"vue-properties": [
|
10740
10757
|
{
|
10741
10758
|
"name": "item",
|
10759
|
+
"type": "unknown"
|
10760
|
+
},
|
10761
|
+
{
|
10762
|
+
"name": "internalItem",
|
10742
10763
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
10743
10764
|
},
|
10744
10765
|
{
|
@@ -10758,6 +10779,10 @@
|
|
10758
10779
|
"vue-properties": [
|
10759
10780
|
{
|
10760
10781
|
"name": "item",
|
10782
|
+
"type": "unknown"
|
10783
|
+
},
|
10784
|
+
{
|
10785
|
+
"name": "internalItem",
|
10761
10786
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
10762
10787
|
},
|
10763
10788
|
{
|
@@ -18108,6 +18133,15 @@
|
|
18108
18133
|
"type": "string"
|
18109
18134
|
}
|
18110
18135
|
},
|
18136
|
+
{
|
18137
|
+
"name": "prefix",
|
18138
|
+
"description": "Displays prefix text.",
|
18139
|
+
"doc-url": "https://vuetifyjs.com/api/VDateInput#props",
|
18140
|
+
"value": {
|
18141
|
+
"kind": "expression",
|
18142
|
+
"type": "string"
|
18143
|
+
}
|
18144
|
+
},
|
18111
18145
|
{
|
18112
18146
|
"name": "modelValue",
|
18113
18147
|
"description": "Represents the commited v-model value",
|
@@ -18325,15 +18359,6 @@
|
|
18325
18359
|
"type": "string | number | boolean"
|
18326
18360
|
}
|
18327
18361
|
},
|
18328
|
-
{
|
18329
|
-
"name": "prefix",
|
18330
|
-
"description": "Displays prefix text.",
|
18331
|
-
"doc-url": "https://vuetifyjs.com/api/VDateInput#props",
|
18332
|
-
"value": {
|
18333
|
-
"kind": "expression",
|
18334
|
-
"type": "string"
|
18335
|
-
}
|
18336
|
-
},
|
18337
18362
|
{
|
18338
18363
|
"name": "placeholder",
|
18339
18364
|
"description": "Sets the input’s placeholder text.",
|
@@ -18888,6 +18913,7 @@
|
|
18888
18913
|
"name": "firstDayOfWeek",
|
18889
18914
|
"description": "Sets the first day of the week, starting with 0 for Sunday.",
|
18890
18915
|
"doc-url": "https://vuetifyjs.com/api/VDateInput#props",
|
18916
|
+
"default": "0",
|
18891
18917
|
"value": {
|
18892
18918
|
"kind": "expression",
|
18893
18919
|
"type": "string | number"
|
@@ -19641,6 +19667,7 @@
|
|
19641
19667
|
"name": "firstDayOfWeek",
|
19642
19668
|
"description": "Sets the first day of the week, starting with 0 for Sunday.",
|
19643
19669
|
"doc-url": "https://vuetifyjs.com/api/VDatePicker#props",
|
19670
|
+
"default": "0",
|
19644
19671
|
"value": {
|
19645
19672
|
"kind": "expression",
|
19646
19673
|
"type": "string | number"
|
@@ -20212,6 +20239,7 @@
|
|
20212
20239
|
"name": "firstDayOfWeek",
|
20213
20240
|
"description": "Sets the first day of the week, starting with 0 for Sunday.",
|
20214
20241
|
"doc-url": "https://vuetifyjs.com/api/VDatePickerMonth#props",
|
20242
|
+
"default": "0",
|
20215
20243
|
"value": {
|
20216
20244
|
"kind": "expression",
|
20217
20245
|
"type": "string | number"
|
@@ -22919,8 +22947,8 @@
|
|
22919
22947
|
}
|
22920
22948
|
},
|
22921
22949
|
{
|
22922
|
-
"name": "
|
22923
|
-
"description": "
|
22950
|
+
"name": "appear",
|
22951
|
+
"description": "Used to control the animation of the FAB.",
|
22924
22952
|
"doc-url": "https://vuetifyjs.com/api/VFab#props",
|
22925
22953
|
"default": "false",
|
22926
22954
|
"value": {
|
@@ -22929,8 +22957,8 @@
|
|
22929
22957
|
}
|
22930
22958
|
},
|
22931
22959
|
{
|
22932
|
-
"name": "
|
22933
|
-
"description": "
|
22960
|
+
"name": "app",
|
22961
|
+
"description": "If true, attaches to the closest layout and positions according to the value of **location**.",
|
22934
22962
|
"doc-url": "https://vuetifyjs.com/api/VFab#props",
|
22935
22963
|
"default": "false",
|
22936
22964
|
"value": {
|
@@ -25697,31 +25725,31 @@
|
|
25697
25725
|
"vue-properties": [
|
25698
25726
|
{
|
25699
25727
|
"name": "errors",
|
25700
|
-
"type": "
|
25728
|
+
"type": "FieldValidationResult[]"
|
25701
25729
|
},
|
25702
25730
|
{
|
25703
25731
|
"name": "isDisabled",
|
25704
|
-
"type": "
|
25732
|
+
"type": "boolean"
|
25705
25733
|
},
|
25706
25734
|
{
|
25707
25735
|
"name": "isReadonly",
|
25708
|
-
"type": "
|
25736
|
+
"type": "boolean"
|
25709
25737
|
},
|
25710
25738
|
{
|
25711
25739
|
"name": "isValidating",
|
25712
|
-
"type": "
|
25740
|
+
"type": "boolean"
|
25713
25741
|
},
|
25714
25742
|
{
|
25715
25743
|
"name": "isValid",
|
25716
|
-
"type": "
|
25744
|
+
"type": "boolean"
|
25717
25745
|
},
|
25718
25746
|
{
|
25719
25747
|
"name": "items",
|
25720
|
-
"type": "
|
25748
|
+
"type": "FormField[]"
|
25721
25749
|
},
|
25722
25750
|
{
|
25723
25751
|
"name": "validate",
|
25724
|
-
"type": "() => Promise<
|
25752
|
+
"type": "() => Promise<FormValidationResult>"
|
25725
25753
|
},
|
25726
25754
|
{
|
25727
25755
|
"name": "reset",
|
@@ -26072,7 +26100,7 @@
|
|
26072
26100
|
},
|
26073
26101
|
{
|
26074
26102
|
"name": "readonly",
|
26075
|
-
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/
|
26103
|
+
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/VIconBtn.json))",
|
26076
26104
|
"doc-url": "https://vuetifyjs.com/api/VIconBtn#props",
|
26077
26105
|
"default": "false",
|
26078
26106
|
"value": {
|
@@ -26092,7 +26120,7 @@
|
|
26092
26120
|
},
|
26093
26121
|
{
|
26094
26122
|
"name": "loading",
|
26095
|
-
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/
|
26123
|
+
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/VIconBtn.json))",
|
26096
26124
|
"doc-url": "https://vuetifyjs.com/api/VIconBtn#props",
|
26097
26125
|
"default": "false",
|
26098
26126
|
"value": {
|
@@ -26209,7 +26237,7 @@
|
|
26209
26237
|
"events": [
|
26210
26238
|
{
|
26211
26239
|
"name": "update:active",
|
26212
|
-
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/
|
26240
|
+
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/next/packages/api-generator/src/locale/en/VIconBtn.json))",
|
26213
26241
|
"doc-url": "https://vuetifyjs.com/api/v-icon-btn#events",
|
26214
26242
|
"arguments": [
|
26215
26243
|
{
|
@@ -36347,6 +36375,15 @@
|
|
36347
36375
|
"type": "string"
|
36348
36376
|
}
|
36349
36377
|
},
|
36378
|
+
{
|
36379
|
+
"name": "prefix",
|
36380
|
+
"description": "Displays prefix text.",
|
36381
|
+
"doc-url": "https://vuetifyjs.com/api/VSelect#props",
|
36382
|
+
"value": {
|
36383
|
+
"kind": "expression",
|
36384
|
+
"type": "string"
|
36385
|
+
}
|
36386
|
+
},
|
36350
36387
|
{
|
36351
36388
|
"name": "modelValue",
|
36352
36389
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
@@ -36686,15 +36723,6 @@
|
|
36686
36723
|
"type": "string | number | boolean"
|
36687
36724
|
}
|
36688
36725
|
},
|
36689
|
-
{
|
36690
|
-
"name": "prefix",
|
36691
|
-
"description": "Displays prefix text.",
|
36692
|
-
"doc-url": "https://vuetifyjs.com/api/VSelect#props",
|
36693
|
-
"value": {
|
36694
|
-
"kind": "expression",
|
36695
|
-
"type": "string"
|
36696
|
-
}
|
36697
|
-
},
|
36698
36726
|
{
|
36699
36727
|
"name": "placeholder",
|
36700
36728
|
"description": "Sets the input’s placeholder text.",
|
@@ -37337,6 +37365,10 @@
|
|
37337
37365
|
"vue-properties": [
|
37338
37366
|
{
|
37339
37367
|
"name": "item",
|
37368
|
+
"type": "unknown"
|
37369
|
+
},
|
37370
|
+
{
|
37371
|
+
"name": "internalItem",
|
37340
37372
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
37341
37373
|
},
|
37342
37374
|
{
|
@@ -37356,6 +37388,10 @@
|
|
37356
37388
|
"vue-properties": [
|
37357
37389
|
{
|
37358
37390
|
"name": "item",
|
37391
|
+
"type": "unknown"
|
37392
|
+
},
|
37393
|
+
{
|
37394
|
+
"name": "internalItem",
|
37359
37395
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
37360
37396
|
},
|
37361
37397
|
{
|
@@ -37375,6 +37411,10 @@
|
|
37375
37411
|
"vue-properties": [
|
37376
37412
|
{
|
37377
37413
|
"name": "item",
|
37414
|
+
"type": "unknown"
|
37415
|
+
},
|
37416
|
+
{
|
37417
|
+
"name": "internalItem",
|
37378
37418
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/list-items.ts#L10-L18\" target=\"_blank\">ListItem</a>"
|
37379
37419
|
},
|
37380
37420
|
{
|
@@ -42941,7 +42981,7 @@
|
|
42941
42981
|
"default": "false",
|
42942
42982
|
"value": {
|
42943
42983
|
"kind": "expression",
|
42944
|
-
"type": "boolean | '
|
42984
|
+
"type": "boolean | 'next' | 'prev'"
|
42945
42985
|
}
|
42946
42986
|
},
|
42947
42987
|
{
|
@@ -42967,8 +43007,8 @@
|
|
42967
43007
|
],
|
42968
43008
|
"events": [
|
42969
43009
|
{
|
42970
|
-
"name": "click:
|
42971
|
-
"description": "Event emitted when clicking the
|
43010
|
+
"name": "click:prev",
|
43011
|
+
"description": "Event emitted when clicking the prev button.",
|
42972
43012
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-actions#events",
|
42973
43013
|
"arguments": [
|
42974
43014
|
{
|
@@ -42978,8 +43018,8 @@
|
|
42978
43018
|
]
|
42979
43019
|
},
|
42980
43020
|
{
|
42981
|
-
"name": "click:
|
42982
|
-
"description": "Event emitted when clicking the
|
43021
|
+
"name": "click:next",
|
43022
|
+
"description": "Event emitted when clicking the next button.",
|
42983
43023
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-actions#events",
|
42984
43024
|
"arguments": [
|
42985
43025
|
{
|
@@ -43354,8 +43394,8 @@
|
|
43354
43394
|
],
|
43355
43395
|
"events": [
|
43356
43396
|
{
|
43357
|
-
"name": "click:
|
43358
|
-
"description": "Event emitted when clicking the
|
43397
|
+
"name": "click:prev",
|
43398
|
+
"description": "Event emitted when clicking the previous button",
|
43359
43399
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-item#events",
|
43360
43400
|
"arguments": [
|
43361
43401
|
{
|
@@ -43365,8 +43405,8 @@
|
|
43365
43405
|
]
|
43366
43406
|
},
|
43367
43407
|
{
|
43368
|
-
"name": "click:
|
43369
|
-
"description": "Event emitted when clicking the
|
43408
|
+
"name": "click:next",
|
43409
|
+
"description": "Event emitted when clicking the next button",
|
43370
43410
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-item#events",
|
43371
43411
|
"arguments": [
|
43372
43412
|
{
|
@@ -43686,8 +43726,8 @@
|
|
43686
43726
|
}
|
43687
43727
|
},
|
43688
43728
|
{
|
43689
|
-
"name": "
|
43690
|
-
"description": "
|
43729
|
+
"name": "eager",
|
43730
|
+
"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.",
|
43691
43731
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43692
43732
|
"default": "false",
|
43693
43733
|
"value": {
|
@@ -43696,12 +43736,13 @@
|
|
43696
43736
|
}
|
43697
43737
|
},
|
43698
43738
|
{
|
43699
|
-
"name": "
|
43700
|
-
"description": "
|
43739
|
+
"name": "disabled",
|
43740
|
+
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method.",
|
43701
43741
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43742
|
+
"default": "false",
|
43702
43743
|
"value": {
|
43703
43744
|
"kind": "expression",
|
43704
|
-
"type": "
|
43745
|
+
"type": "boolean"
|
43705
43746
|
}
|
43706
43747
|
},
|
43707
43748
|
{
|
@@ -43714,22 +43755,21 @@
|
|
43714
43755
|
}
|
43715
43756
|
},
|
43716
43757
|
{
|
43717
|
-
"name": "
|
43718
|
-
"description": "
|
43758
|
+
"name": "reverseTransition",
|
43759
|
+
"description": "Sets the reverse transition.",
|
43719
43760
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43720
|
-
"default": "false",
|
43721
43761
|
"value": {
|
43722
43762
|
"kind": "expression",
|
43723
|
-
"type": "boolean"
|
43763
|
+
"type": "string | boolean"
|
43724
43764
|
}
|
43725
43765
|
},
|
43726
43766
|
{
|
43727
|
-
"name": "
|
43728
|
-
"description": "
|
43767
|
+
"name": "selectedClass",
|
43768
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
43729
43769
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindowItem#props",
|
43730
43770
|
"value": {
|
43731
43771
|
"kind": "expression",
|
43732
|
-
"type": "string
|
43772
|
+
"type": "string"
|
43733
43773
|
}
|
43734
43774
|
}
|
43735
43775
|
],
|
@@ -43810,12 +43850,12 @@
|
|
43810
43850
|
}
|
43811
43851
|
},
|
43812
43852
|
{
|
43813
|
-
"name": "
|
43814
|
-
"description": "
|
43853
|
+
"name": "name",
|
43854
|
+
"description": "Sets the component's name attribute.",
|
43815
43855
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43816
43856
|
"value": {
|
43817
43857
|
"kind": "expression",
|
43818
|
-
"type": "
|
43858
|
+
"type": "string"
|
43819
43859
|
}
|
43820
43860
|
},
|
43821
43861
|
{
|
@@ -43829,49 +43869,48 @@
|
|
43829
43869
|
}
|
43830
43870
|
},
|
43831
43871
|
{
|
43832
|
-
"name": "
|
43833
|
-
"description": "
|
43872
|
+
"name": "label",
|
43873
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
43834
43874
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43835
|
-
"default": "'default'",
|
43836
43875
|
"value": {
|
43837
43876
|
"kind": "expression",
|
43838
|
-
"type": "
|
43877
|
+
"type": "string"
|
43839
43878
|
}
|
43840
43879
|
},
|
43841
43880
|
{
|
43842
|
-
"name": "
|
43843
|
-
"description": "
|
43881
|
+
"name": "theme",
|
43882
|
+
"description": "Specify a theme for this component and all of its children.",
|
43844
43883
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43845
43884
|
"value": {
|
43846
43885
|
"kind": "expression",
|
43847
|
-
"type": "string
|
43886
|
+
"type": "string"
|
43848
43887
|
}
|
43849
43888
|
},
|
43850
43889
|
{
|
43851
|
-
"name": "
|
43852
|
-
"description": "Sets the
|
43890
|
+
"name": "id",
|
43891
|
+
"description": "Sets the DOM id on the component.",
|
43853
43892
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43854
43893
|
"value": {
|
43855
43894
|
"kind": "expression",
|
43856
|
-
"type": "string
|
43895
|
+
"type": "string"
|
43857
43896
|
}
|
43858
43897
|
},
|
43859
43898
|
{
|
43860
|
-
"name": "
|
43861
|
-
"description": "
|
43899
|
+
"name": "value",
|
43900
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
43862
43901
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43863
43902
|
"value": {
|
43864
43903
|
"kind": "expression",
|
43865
|
-
"type": "
|
43904
|
+
"type": "any"
|
43866
43905
|
}
|
43867
43906
|
},
|
43868
43907
|
{
|
43869
|
-
"name": "
|
43870
|
-
"description": "
|
43908
|
+
"name": "modelValue",
|
43909
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
43871
43910
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43872
43911
|
"value": {
|
43873
43912
|
"kind": "expression",
|
43874
|
-
"type": "
|
43913
|
+
"type": "unknown"
|
43875
43914
|
}
|
43876
43915
|
},
|
43877
43916
|
{
|
@@ -43884,12 +43923,13 @@
|
|
43884
43923
|
}
|
43885
43924
|
},
|
43886
43925
|
{
|
43887
|
-
"name": "
|
43888
|
-
"description": "
|
43926
|
+
"name": "density",
|
43927
|
+
"description": "Adjusts the vertical height used by the component.",
|
43889
43928
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43929
|
+
"default": "'default'",
|
43890
43930
|
"value": {
|
43891
43931
|
"kind": "expression",
|
43892
|
-
"type": "
|
43932
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
43893
43933
|
}
|
43894
43934
|
},
|
43895
43935
|
{
|
@@ -43901,53 +43941,6 @@
|
|
43901
43941
|
"type": "string"
|
43902
43942
|
}
|
43903
43943
|
},
|
43904
|
-
{
|
43905
|
-
"name": "prependIcon",
|
43906
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
43907
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43908
|
-
"value": {
|
43909
|
-
"kind": "expression",
|
43910
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43911
|
-
}
|
43912
|
-
},
|
43913
|
-
{
|
43914
|
-
"name": "appendIcon",
|
43915
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
43916
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43917
|
-
"value": {
|
43918
|
-
"kind": "expression",
|
43919
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43920
|
-
}
|
43921
|
-
},
|
43922
|
-
{
|
43923
|
-
"name": "readonly",
|
43924
|
-
"description": "Puts input in readonly state.",
|
43925
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43926
|
-
"default": "null",
|
43927
|
-
"value": {
|
43928
|
-
"kind": "expression",
|
43929
|
-
"type": "boolean"
|
43930
|
-
}
|
43931
|
-
},
|
43932
|
-
{
|
43933
|
-
"name": "ripple",
|
43934
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
43935
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43936
|
-
"default": "true",
|
43937
|
-
"value": {
|
43938
|
-
"kind": "expression",
|
43939
|
-
"type": "boolean | { class: string }"
|
43940
|
-
}
|
43941
|
-
},
|
43942
|
-
{
|
43943
|
-
"name": "value",
|
43944
|
-
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
43945
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43946
|
-
"value": {
|
43947
|
-
"kind": "expression",
|
43948
|
-
"type": "any"
|
43949
|
-
}
|
43950
|
-
},
|
43951
43944
|
{
|
43952
43945
|
"name": "disabled",
|
43953
43946
|
"description": "Removes the ability to click or target the component.",
|
@@ -43959,71 +43952,58 @@
|
|
43959
43952
|
}
|
43960
43953
|
},
|
43961
43954
|
{
|
43962
|
-
"name": "
|
43963
|
-
"description": "
|
43964
|
-
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43965
|
-
"default": "false",
|
43966
|
-
"value": {
|
43967
|
-
"kind": "expression",
|
43968
|
-
"type": "string | boolean"
|
43969
|
-
}
|
43970
|
-
},
|
43971
|
-
{
|
43972
|
-
"name": "inline",
|
43973
|
-
"description": "Puts children inputs into a row.",
|
43955
|
+
"name": "multiple",
|
43956
|
+
"description": "Changes expected model to an array.",
|
43974
43957
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43975
|
-
"default": "
|
43958
|
+
"default": "null",
|
43976
43959
|
"value": {
|
43977
43960
|
"kind": "expression",
|
43978
43961
|
"type": "boolean"
|
43979
43962
|
}
|
43980
43963
|
},
|
43981
43964
|
{
|
43982
|
-
"name": "
|
43983
|
-
"description": "Sets the
|
43965
|
+
"name": "maxWidth",
|
43966
|
+
"description": "Sets the maximum width for the component.",
|
43984
43967
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43985
43968
|
"value": {
|
43986
43969
|
"kind": "expression",
|
43987
|
-
"type": "string"
|
43970
|
+
"type": "string | number"
|
43988
43971
|
}
|
43989
43972
|
},
|
43990
43973
|
{
|
43991
|
-
"name": "
|
43992
|
-
"description": "
|
43974
|
+
"name": "minWidth",
|
43975
|
+
"description": "Sets the minimum width for the component.",
|
43993
43976
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
43994
|
-
"default": "null",
|
43995
43977
|
"value": {
|
43996
43978
|
"kind": "expression",
|
43997
|
-
"type": "
|
43979
|
+
"type": "string | number"
|
43998
43980
|
}
|
43999
43981
|
},
|
44000
43982
|
{
|
44001
|
-
"name": "
|
44002
|
-
"description": "
|
43983
|
+
"name": "width",
|
43984
|
+
"description": "Sets the width for the component.",
|
44003
43985
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44004
|
-
"default": "false",
|
44005
43986
|
"value": {
|
44006
43987
|
"kind": "expression",
|
44007
|
-
"type": "
|
43988
|
+
"type": "string | number"
|
44008
43989
|
}
|
44009
43990
|
},
|
44010
43991
|
{
|
44011
|
-
"name": "
|
44012
|
-
"description": "
|
43992
|
+
"name": "valueComparator",
|
43993
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop.",
|
44013
43994
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44014
43995
|
"value": {
|
44015
43996
|
"kind": "expression",
|
44016
|
-
"type": "
|
43997
|
+
"type": "(a: any, b: any) => boolean"
|
44017
43998
|
}
|
44018
43999
|
},
|
44019
44000
|
{
|
44020
|
-
"name": "
|
44021
|
-
"description": "
|
44001
|
+
"name": "appendIcon",
|
44002
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
44022
44003
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44023
|
-
"default": "'horizontal'",
|
44024
44004
|
"value": {
|
44025
44005
|
"kind": "expression",
|
44026
|
-
"type": "
|
44006
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
44027
44007
|
}
|
44028
44008
|
},
|
44029
44009
|
{
|
@@ -44056,6 +44036,15 @@
|
|
44056
44036
|
"type": "string | boolean"
|
44057
44037
|
}
|
44058
44038
|
},
|
44039
|
+
{
|
44040
|
+
"name": "prependIcon",
|
44041
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
44042
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44043
|
+
"value": {
|
44044
|
+
"kind": "expression",
|
44045
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
44046
|
+
}
|
44047
|
+
},
|
44059
44048
|
{
|
44060
44049
|
"name": "hideSpinButtons",
|
44061
44050
|
"description": "Hides spin buttons on the input when type is set to `number`.",
|
@@ -44095,6 +44084,16 @@
|
|
44095
44084
|
"type": "string | string[]"
|
44096
44085
|
}
|
44097
44086
|
},
|
44087
|
+
{
|
44088
|
+
"name": "direction",
|
44089
|
+
"description": "Changes the direction of the input.",
|
44090
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44091
|
+
"default": "'horizontal'",
|
44092
|
+
"value": {
|
44093
|
+
"kind": "expression",
|
44094
|
+
"type": "'horizontal' | 'vertical'"
|
44095
|
+
}
|
44096
|
+
},
|
44098
44097
|
{
|
44099
44098
|
"name": "errorMessages",
|
44100
44099
|
"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.",
|
@@ -44115,6 +44114,16 @@
|
|
44115
44114
|
"type": "string | number"
|
44116
44115
|
}
|
44117
44116
|
},
|
44117
|
+
{
|
44118
|
+
"name": "readonly",
|
44119
|
+
"description": "Puts input in readonly state.",
|
44120
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44121
|
+
"default": "null",
|
44122
|
+
"value": {
|
44123
|
+
"kind": "expression",
|
44124
|
+
"type": "boolean"
|
44125
|
+
}
|
44126
|
+
},
|
44118
44127
|
{
|
44119
44128
|
"name": "rules",
|
44120
44129
|
"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`.",
|
@@ -44163,6 +44172,16 @@
|
|
44163
44172
|
"type": "boolean | 'auto'"
|
44164
44173
|
}
|
44165
44174
|
},
|
44175
|
+
{
|
44176
|
+
"name": "loading",
|
44177
|
+
"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.",
|
44178
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44179
|
+
"default": "false",
|
44180
|
+
"value": {
|
44181
|
+
"kind": "expression",
|
44182
|
+
"type": "string | boolean"
|
44183
|
+
}
|
44184
|
+
},
|
44166
44185
|
{
|
44167
44186
|
"name": "indeterminate",
|
44168
44187
|
"description": "Sets an indeterminate state for the switch.",
|
@@ -44173,6 +44192,16 @@
|
|
44173
44192
|
"type": "boolean"
|
44174
44193
|
}
|
44175
44194
|
},
|
44195
|
+
{
|
44196
|
+
"name": "inset",
|
44197
|
+
"description": "Enlarge the `v-switch` track to encompass the thumb.",
|
44198
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44199
|
+
"default": "false",
|
44200
|
+
"value": {
|
44201
|
+
"kind": "expression",
|
44202
|
+
"type": "boolean"
|
44203
|
+
}
|
44204
|
+
},
|
44176
44205
|
{
|
44177
44206
|
"name": "trueValue",
|
44178
44207
|
"description": "Sets value for truthy state.",
|
@@ -44200,13 +44229,23 @@
|
|
44200
44229
|
"type": "string"
|
44201
44230
|
}
|
44202
44231
|
},
|
44232
|
+
{
|
44233
|
+
"name": "inline",
|
44234
|
+
"description": "Puts children inputs into a row.",
|
44235
|
+
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44236
|
+
"default": "false",
|
44237
|
+
"value": {
|
44238
|
+
"kind": "expression",
|
44239
|
+
"type": "boolean"
|
44240
|
+
}
|
44241
|
+
},
|
44203
44242
|
{
|
44204
44243
|
"name": "falseIcon",
|
44205
44244
|
"description": "The icon used when inactive.",
|
44206
44245
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44207
44246
|
"value": {
|
44208
44247
|
"kind": "expression",
|
44209
|
-
"type": "| string\n | (
|
44248
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
44210
44249
|
}
|
44211
44250
|
},
|
44212
44251
|
{
|
@@ -44215,16 +44254,17 @@
|
|
44215
44254
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44216
44255
|
"value": {
|
44217
44256
|
"kind": "expression",
|
44218
|
-
"type": "| string\n | (
|
44257
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
44219
44258
|
}
|
44220
44259
|
},
|
44221
44260
|
{
|
44222
|
-
"name": "
|
44223
|
-
"description": "
|
44261
|
+
"name": "ripple",
|
44262
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
44224
44263
|
"doc-url": "https://vuetifyjs.com/api/VSwitch#props",
|
44264
|
+
"default": "true",
|
44225
44265
|
"value": {
|
44226
44266
|
"kind": "expression",
|
44227
|
-
"type": "
|
44267
|
+
"type": "boolean | { class: string }"
|
44228
44268
|
}
|
44229
44269
|
}
|
44230
44270
|
],
|
@@ -44501,7 +44541,7 @@
|
|
44501
44541
|
},
|
44502
44542
|
{
|
44503
44543
|
"name": "icon",
|
44504
|
-
"type": "string | (string | [string, number])[]
|
44544
|
+
"type": "string | (new () => any) | FunctionalComponent | (string | [string, number])[]"
|
44505
44545
|
},
|
44506
44546
|
{
|
44507
44547
|
"name": "props",
|
@@ -44575,87 +44615,87 @@
|
|
44575
44615
|
"doc-url": "https://vuetifyjs.com/api/v-system-bar",
|
44576
44616
|
"attributes": [
|
44577
44617
|
{
|
44578
|
-
"name": "
|
44579
|
-
"description": "
|
44618
|
+
"name": "height",
|
44619
|
+
"description": "Sets the height for the component.",
|
44580
44620
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44581
|
-
"default": "'div'",
|
44582
44621
|
"value": {
|
44583
44622
|
"kind": "expression",
|
44584
|
-
"type": "string |
|
44623
|
+
"type": "string | number"
|
44585
44624
|
}
|
44586
44625
|
},
|
44587
44626
|
{
|
44588
|
-
"name": "
|
44589
|
-
"description": "
|
44627
|
+
"name": "elevation",
|
44628
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
44590
44629
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44591
44630
|
"value": {
|
44592
44631
|
"kind": "expression",
|
44593
|
-
"type": "string"
|
44632
|
+
"type": "string | number"
|
44594
44633
|
}
|
44595
44634
|
},
|
44596
44635
|
{
|
44597
|
-
"name": "
|
44598
|
-
"description": "
|
44636
|
+
"name": "absolute",
|
44637
|
+
"description": "Applies **position: absolute** to the component.",
|
44599
44638
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44639
|
+
"default": "false",
|
44600
44640
|
"value": {
|
44601
44641
|
"kind": "expression",
|
44602
|
-
"type": "
|
44642
|
+
"type": "boolean"
|
44603
44643
|
}
|
44604
44644
|
},
|
44605
44645
|
{
|
44606
|
-
"name": "
|
44607
|
-
"description": "
|
44646
|
+
"name": "rounded",
|
44647
|
+
"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).",
|
44608
44648
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44609
|
-
"default": "false",
|
44610
44649
|
"value": {
|
44611
44650
|
"kind": "expression",
|
44612
|
-
"type": "boolean"
|
44651
|
+
"type": "string | number | boolean"
|
44613
44652
|
}
|
44614
44653
|
},
|
44615
44654
|
{
|
44616
|
-
"name": "
|
44617
|
-
"description": "
|
44655
|
+
"name": "tile",
|
44656
|
+
"description": "Removes any applied **border-radius** from the component.",
|
44618
44657
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44658
|
+
"default": "false",
|
44619
44659
|
"value": {
|
44620
44660
|
"kind": "expression",
|
44621
|
-
"type": "
|
44661
|
+
"type": "boolean"
|
44622
44662
|
}
|
44623
44663
|
},
|
44624
44664
|
{
|
44625
|
-
"name": "
|
44626
|
-
"description": "
|
44665
|
+
"name": "tag",
|
44666
|
+
"description": "Specify a custom tag used on the root element.",
|
44627
44667
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44668
|
+
"default": "'div'",
|
44628
44669
|
"value": {
|
44629
44670
|
"kind": "expression",
|
44630
|
-
"type": "string |
|
44671
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
44631
44672
|
}
|
44632
44673
|
},
|
44633
44674
|
{
|
44634
|
-
"name": "
|
44635
|
-
"description": "
|
44675
|
+
"name": "theme",
|
44676
|
+
"description": "Specify a theme for this component and all of its children.",
|
44636
44677
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44637
44678
|
"value": {
|
44638
44679
|
"kind": "expression",
|
44639
|
-
"type": "string
|
44680
|
+
"type": "string"
|
44640
44681
|
}
|
44641
44682
|
},
|
44642
44683
|
{
|
44643
|
-
"name": "
|
44644
|
-
"description": "
|
44684
|
+
"name": "color",
|
44685
|
+
"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).",
|
44645
44686
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44646
44687
|
"value": {
|
44647
44688
|
"kind": "expression",
|
44648
|
-
"type": "string
|
44689
|
+
"type": "string"
|
44649
44690
|
}
|
44650
44691
|
},
|
44651
44692
|
{
|
44652
|
-
"name": "
|
44653
|
-
"description": "
|
44693
|
+
"name": "name",
|
44694
|
+
"description": "Assign a specific name for layout registration.",
|
44654
44695
|
"doc-url": "https://vuetifyjs.com/api/VSystemBar#props",
|
44655
|
-
"default": "false",
|
44656
44696
|
"value": {
|
44657
44697
|
"kind": "expression",
|
44658
|
-
"type": "
|
44698
|
+
"type": "string"
|
44659
44699
|
}
|
44660
44700
|
},
|
44661
44701
|
{
|
@@ -44702,18 +44742,17 @@
|
|
44702
44742
|
"doc-url": "https://vuetifyjs.com/api/v-tab",
|
44703
44743
|
"attributes": [
|
44704
44744
|
{
|
44705
|
-
"name": "
|
44706
|
-
"description": "
|
44745
|
+
"name": "text",
|
44746
|
+
"description": "Specify content text for the component.",
|
44707
44747
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44708
|
-
"default": "false",
|
44709
44748
|
"value": {
|
44710
44749
|
"kind": "expression",
|
44711
|
-
"type": "boolean"
|
44750
|
+
"type": "string | number | boolean"
|
44712
44751
|
}
|
44713
44752
|
},
|
44714
44753
|
{
|
44715
|
-
"name": "
|
44716
|
-
"description": "
|
44754
|
+
"name": "replace",
|
44755
|
+
"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.",
|
44717
44756
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44718
44757
|
"default": "false",
|
44719
44758
|
"value": {
|
@@ -44722,50 +44761,33 @@
|
|
44722
44761
|
}
|
44723
44762
|
},
|
44724
44763
|
{
|
44725
|
-
"name": "
|
44726
|
-
"description": "
|
44727
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44728
|
-
"default": "'button'",
|
44729
|
-
"value": {
|
44730
|
-
"kind": "expression",
|
44731
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
44732
|
-
}
|
44733
|
-
},
|
44734
|
-
{
|
44735
|
-
"name": "theme",
|
44736
|
-
"description": "Specify a theme for this component and all of its children.",
|
44737
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44738
|
-
"value": {
|
44739
|
-
"kind": "expression",
|
44740
|
-
"type": "string"
|
44741
|
-
}
|
44742
|
-
},
|
44743
|
-
{
|
44744
|
-
"name": "size",
|
44745
|
-
"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**.",
|
44764
|
+
"name": "fixed",
|
44765
|
+
"description": "Forces component to take up all available space up to their maximum width (300px), and centers it.",
|
44746
44766
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44747
|
-
"default": "
|
44767
|
+
"default": "false",
|
44748
44768
|
"value": {
|
44749
44769
|
"kind": "expression",
|
44750
|
-
"type": "
|
44770
|
+
"type": "boolean"
|
44751
44771
|
}
|
44752
44772
|
},
|
44753
44773
|
{
|
44754
|
-
"name": "
|
44755
|
-
"description": "
|
44774
|
+
"name": "border",
|
44775
|
+
"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).",
|
44756
44776
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44777
|
+
"default": "false",
|
44757
44778
|
"value": {
|
44758
44779
|
"kind": "expression",
|
44759
|
-
"type": "
|
44780
|
+
"type": "string | number | boolean"
|
44760
44781
|
}
|
44761
44782
|
},
|
44762
44783
|
{
|
44763
|
-
"name": "
|
44764
|
-
"description": "
|
44784
|
+
"name": "icon",
|
44785
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_.",
|
44765
44786
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44787
|
+
"default": "false",
|
44766
44788
|
"value": {
|
44767
44789
|
"kind": "expression",
|
44768
|
-
"type": "string"
|
44790
|
+
"type": "| boolean\n | string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44769
44791
|
}
|
44770
44792
|
},
|
44771
44793
|
{
|
@@ -44787,101 +44809,6 @@
|
|
44787
44809
|
"type": "string | number"
|
44788
44810
|
}
|
44789
44811
|
},
|
44790
|
-
{
|
44791
|
-
"name": "border",
|
44792
|
-
"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).",
|
44793
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44794
|
-
"default": "false",
|
44795
|
-
"value": {
|
44796
|
-
"kind": "expression",
|
44797
|
-
"type": "string | number | boolean"
|
44798
|
-
}
|
44799
|
-
},
|
44800
|
-
{
|
44801
|
-
"name": "elevation",
|
44802
|
-
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
44803
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44804
|
-
"value": {
|
44805
|
-
"kind": "expression",
|
44806
|
-
"type": "string | number"
|
44807
|
-
}
|
44808
|
-
},
|
44809
|
-
{
|
44810
|
-
"name": "rounded",
|
44811
|
-
"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).",
|
44812
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44813
|
-
"value": {
|
44814
|
-
"kind": "expression",
|
44815
|
-
"type": "string | number | boolean"
|
44816
|
-
}
|
44817
|
-
},
|
44818
|
-
{
|
44819
|
-
"name": "tile",
|
44820
|
-
"description": "Removes any applied **border-radius** from the component.",
|
44821
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44822
|
-
"default": "false",
|
44823
|
-
"value": {
|
44824
|
-
"kind": "expression",
|
44825
|
-
"type": "boolean"
|
44826
|
-
}
|
44827
|
-
},
|
44828
|
-
{
|
44829
|
-
"name": "text",
|
44830
|
-
"description": "Specify content text for the component.",
|
44831
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44832
|
-
"value": {
|
44833
|
-
"kind": "expression",
|
44834
|
-
"type": "string | number | boolean"
|
44835
|
-
}
|
44836
|
-
},
|
44837
|
-
{
|
44838
|
-
"name": "exact",
|
44839
|
-
"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.",
|
44840
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44841
|
-
"default": "false",
|
44842
|
-
"value": {
|
44843
|
-
"kind": "expression",
|
44844
|
-
"type": "boolean"
|
44845
|
-
}
|
44846
|
-
},
|
44847
|
-
{
|
44848
|
-
"name": "baseColor",
|
44849
|
-
"description": "Sets the color of component when not focused.",
|
44850
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44851
|
-
"value": {
|
44852
|
-
"kind": "expression",
|
44853
|
-
"type": "string"
|
44854
|
-
}
|
44855
|
-
},
|
44856
|
-
{
|
44857
|
-
"name": "activeColor",
|
44858
|
-
"description": "The applied color when the component is in an active state.",
|
44859
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44860
|
-
"value": {
|
44861
|
-
"kind": "expression",
|
44862
|
-
"type": "string"
|
44863
|
-
}
|
44864
|
-
},
|
44865
|
-
{
|
44866
|
-
"name": "disabled",
|
44867
|
-
"description": "Removes the ability to click or target the component.",
|
44868
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44869
|
-
"default": "false",
|
44870
|
-
"value": {
|
44871
|
-
"kind": "expression",
|
44872
|
-
"type": "boolean"
|
44873
|
-
}
|
44874
|
-
},
|
44875
|
-
{
|
44876
|
-
"name": "slim",
|
44877
|
-
"description": "Reduces padding to 0 8px.",
|
44878
|
-
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44879
|
-
"default": "false",
|
44880
|
-
"value": {
|
44881
|
-
"kind": "expression",
|
44882
|
-
"type": "boolean"
|
44883
|
-
}
|
44884
|
-
},
|
44885
44812
|
{
|
44886
44813
|
"name": "maxHeight",
|
44887
44814
|
"description": "Sets the maximum height for the component.",
|
@@ -44927,6 +44854,62 @@
|
|
44927
44854
|
"type": "string | number"
|
44928
44855
|
}
|
44929
44856
|
},
|
44857
|
+
{
|
44858
|
+
"name": "elevation",
|
44859
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
44860
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44861
|
+
"value": {
|
44862
|
+
"kind": "expression",
|
44863
|
+
"type": "string | number"
|
44864
|
+
}
|
44865
|
+
},
|
44866
|
+
{
|
44867
|
+
"name": "rounded",
|
44868
|
+
"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).",
|
44869
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44870
|
+
"value": {
|
44871
|
+
"kind": "expression",
|
44872
|
+
"type": "string | number | boolean"
|
44873
|
+
}
|
44874
|
+
},
|
44875
|
+
{
|
44876
|
+
"name": "tile",
|
44877
|
+
"description": "Removes any applied **border-radius** from the component.",
|
44878
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44879
|
+
"default": "false",
|
44880
|
+
"value": {
|
44881
|
+
"kind": "expression",
|
44882
|
+
"type": "boolean"
|
44883
|
+
}
|
44884
|
+
},
|
44885
|
+
{
|
44886
|
+
"name": "tag",
|
44887
|
+
"description": "Specify a custom tag used on the root element.",
|
44888
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44889
|
+
"default": "'button'",
|
44890
|
+
"value": {
|
44891
|
+
"kind": "expression",
|
44892
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
44893
|
+
}
|
44894
|
+
},
|
44895
|
+
{
|
44896
|
+
"name": "theme",
|
44897
|
+
"description": "Specify a theme for this component and all of its children.",
|
44898
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44899
|
+
"value": {
|
44900
|
+
"kind": "expression",
|
44901
|
+
"type": "string"
|
44902
|
+
}
|
44903
|
+
},
|
44904
|
+
{
|
44905
|
+
"name": "color",
|
44906
|
+
"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).",
|
44907
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44908
|
+
"value": {
|
44909
|
+
"kind": "expression",
|
44910
|
+
"type": "string"
|
44911
|
+
}
|
44912
|
+
},
|
44930
44913
|
{
|
44931
44914
|
"name": "variant",
|
44932
44915
|
"description": "Applies a distinct style to the component.",
|
@@ -44934,16 +44917,25 @@
|
|
44934
44917
|
"default": "'text'",
|
44935
44918
|
"value": {
|
44936
44919
|
"kind": "expression",
|
44937
|
-
"type": "'
|
44920
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
44938
44921
|
}
|
44939
44922
|
},
|
44940
44923
|
{
|
44941
|
-
"name": "
|
44942
|
-
"description": "
|
44924
|
+
"name": "activeColor",
|
44925
|
+
"description": "The applied color when the component is in an active state.",
|
44943
44926
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44944
44927
|
"value": {
|
44945
44928
|
"kind": "expression",
|
44946
|
-
"type": "
|
44929
|
+
"type": "string"
|
44930
|
+
}
|
44931
|
+
},
|
44932
|
+
{
|
44933
|
+
"name": "baseColor",
|
44934
|
+
"description": "Sets the color of component when not focused.",
|
44935
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44936
|
+
"value": {
|
44937
|
+
"kind": "expression",
|
44938
|
+
"type": "string"
|
44947
44939
|
}
|
44948
44940
|
},
|
44949
44941
|
{
|
@@ -44952,17 +44944,16 @@
|
|
44952
44944
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44953
44945
|
"value": {
|
44954
44946
|
"kind": "expression",
|
44955
|
-
"type": "| string\n | (new () => any)\n | FunctionalComponent
|
44947
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44956
44948
|
}
|
44957
44949
|
},
|
44958
44950
|
{
|
44959
|
-
"name": "
|
44960
|
-
"description": "
|
44951
|
+
"name": "appendIcon",
|
44952
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
44961
44953
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44962
|
-
"default": "'horizontal'",
|
44963
44954
|
"value": {
|
44964
44955
|
"kind": "expression",
|
44965
|
-
"type": "
|
44956
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
44966
44957
|
}
|
44967
44958
|
},
|
44968
44959
|
{
|
@@ -44976,42 +44967,52 @@
|
|
44976
44967
|
}
|
44977
44968
|
},
|
44978
44969
|
{
|
44979
|
-
"name": "
|
44980
|
-
"description": "
|
44970
|
+
"name": "slim",
|
44971
|
+
"description": "Reduces padding to 0 8px.",
|
44981
44972
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44982
44973
|
"default": "false",
|
44983
44974
|
"value": {
|
44984
44975
|
"kind": "expression",
|
44985
|
-
"type": "
|
44976
|
+
"type": "boolean"
|
44986
44977
|
}
|
44987
44978
|
},
|
44988
44979
|
{
|
44989
|
-
"name": "
|
44990
|
-
"description": "
|
44980
|
+
"name": "stacked",
|
44981
|
+
"description": "Displays the tab as a flex-column.",
|
44991
44982
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
44983
|
+
"default": "false",
|
44992
44984
|
"value": {
|
44993
44985
|
"kind": "expression",
|
44994
|
-
"type": "
|
44986
|
+
"type": "boolean"
|
44995
44987
|
}
|
44996
44988
|
},
|
44997
44989
|
{
|
44998
|
-
"name": "
|
44999
|
-
"description": "
|
44990
|
+
"name": "ripple",
|
44991
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
45000
44992
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45001
|
-
"default": "
|
44993
|
+
"default": "true",
|
45002
44994
|
"value": {
|
45003
44995
|
"kind": "expression",
|
45004
|
-
"type": "
|
44996
|
+
"type": "boolean | { class: string }"
|
45005
44997
|
}
|
45006
44998
|
},
|
45007
44999
|
{
|
45008
|
-
"name": "
|
45009
|
-
"description": "
|
45000
|
+
"name": "value",
|
45001
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
45010
45002
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45011
|
-
"default": "true",
|
45012
45003
|
"value": {
|
45013
45004
|
"kind": "expression",
|
45014
|
-
"type": "
|
45005
|
+
"type": "any"
|
45006
|
+
}
|
45007
|
+
},
|
45008
|
+
{
|
45009
|
+
"name": "disabled",
|
45010
|
+
"description": "Removes the ability to click or target the component.",
|
45011
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45012
|
+
"default": "false",
|
45013
|
+
"value": {
|
45014
|
+
"kind": "expression",
|
45015
|
+
"type": "boolean"
|
45015
45016
|
}
|
45016
45017
|
},
|
45017
45018
|
{
|
@@ -45025,27 +45026,27 @@
|
|
45025
45026
|
}
|
45026
45027
|
},
|
45027
45028
|
{
|
45028
|
-
"name": "
|
45029
|
-
"description": "
|
45029
|
+
"name": "loading",
|
45030
|
+
"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.",
|
45030
45031
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45032
|
+
"default": "false",
|
45031
45033
|
"value": {
|
45032
45034
|
"kind": "expression",
|
45033
|
-
"type": "string"
|
45035
|
+
"type": "string | boolean"
|
45034
45036
|
}
|
45035
45037
|
},
|
45036
45038
|
{
|
45037
|
-
"name": "
|
45038
|
-
"description": "
|
45039
|
+
"name": "href",
|
45040
|
+
"description": "Designates the component as anchor and applies the **href** attribute.",
|
45039
45041
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45040
|
-
"default": "false",
|
45041
45042
|
"value": {
|
45042
45043
|
"kind": "expression",
|
45043
|
-
"type": "
|
45044
|
+
"type": "string"
|
45044
45045
|
}
|
45045
45046
|
},
|
45046
45047
|
{
|
45047
|
-
"name": "
|
45048
|
-
"description": "
|
45048
|
+
"name": "exact",
|
45049
|
+
"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.",
|
45049
45050
|
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45050
45051
|
"default": "false",
|
45051
45052
|
"value": {
|
@@ -45061,6 +45062,45 @@
|
|
45061
45062
|
"kind": "expression",
|
45062
45063
|
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric"
|
45063
45064
|
}
|
45065
|
+
},
|
45066
|
+
{
|
45067
|
+
"name": "size",
|
45068
|
+
"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**.",
|
45069
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45070
|
+
"default": "'default'",
|
45071
|
+
"value": {
|
45072
|
+
"kind": "expression",
|
45073
|
+
"type": "string | number"
|
45074
|
+
}
|
45075
|
+
},
|
45076
|
+
{
|
45077
|
+
"name": "direction",
|
45078
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`.",
|
45079
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45080
|
+
"default": "'horizontal'",
|
45081
|
+
"value": {
|
45082
|
+
"kind": "expression",
|
45083
|
+
"type": "'horizontal' | 'vertical'"
|
45084
|
+
}
|
45085
|
+
},
|
45086
|
+
{
|
45087
|
+
"name": "sliderColor",
|
45088
|
+
"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).",
|
45089
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45090
|
+
"value": {
|
45091
|
+
"kind": "expression",
|
45092
|
+
"type": "string"
|
45093
|
+
}
|
45094
|
+
},
|
45095
|
+
{
|
45096
|
+
"name": "hideSlider",
|
45097
|
+
"description": "Hides the active tab slider component (no exit or enter animation).",
|
45098
|
+
"doc-url": "https://vuetifyjs.com/api/VTab#props",
|
45099
|
+
"default": "false",
|
45100
|
+
"value": {
|
45101
|
+
"kind": "expression",
|
45102
|
+
"type": "boolean"
|
45103
|
+
}
|
45064
45104
|
}
|
45065
45105
|
],
|
45066
45106
|
"events": [],
|
@@ -45101,46 +45141,46 @@
|
|
45101
45141
|
"doc-url": "https://vuetifyjs.com/api/v-table",
|
45102
45142
|
"attributes": [
|
45103
45143
|
{
|
45104
|
-
"name": "
|
45105
|
-
"description": "
|
45144
|
+
"name": "tag",
|
45145
|
+
"description": "Specify a custom tag used on the root element.",
|
45106
45146
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45107
|
-
"default": "'
|
45147
|
+
"default": "'div'",
|
45108
45148
|
"value": {
|
45109
45149
|
"kind": "expression",
|
45110
|
-
"type": "
|
45150
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45111
45151
|
}
|
45112
45152
|
},
|
45113
45153
|
{
|
45114
|
-
"name": "
|
45115
|
-
"description": "
|
45154
|
+
"name": "theme",
|
45155
|
+
"description": "Specify a theme for this component and all of its children.",
|
45116
45156
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45117
45157
|
"value": {
|
45118
45158
|
"kind": "expression",
|
45119
|
-
"type": "string
|
45159
|
+
"type": "string"
|
45120
45160
|
}
|
45121
45161
|
},
|
45122
45162
|
{
|
45123
|
-
"name": "
|
45124
|
-
"description": "
|
45163
|
+
"name": "density",
|
45164
|
+
"description": "Adjusts the vertical height used by the component.",
|
45125
45165
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45126
|
-
"default": "'
|
45166
|
+
"default": "'default'",
|
45127
45167
|
"value": {
|
45128
45168
|
"kind": "expression",
|
45129
|
-
"type": "
|
45169
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45130
45170
|
}
|
45131
45171
|
},
|
45132
45172
|
{
|
45133
|
-
"name": "
|
45134
|
-
"description": "
|
45173
|
+
"name": "height",
|
45174
|
+
"description": "Use the height prop to set the height of the table.",
|
45135
45175
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45136
45176
|
"value": {
|
45137
45177
|
"kind": "expression",
|
45138
|
-
"type": "string"
|
45178
|
+
"type": "string | number"
|
45139
45179
|
}
|
45140
45180
|
},
|
45141
45181
|
{
|
45142
|
-
"name": "
|
45143
|
-
"description": "
|
45182
|
+
"name": "fixedHeader",
|
45183
|
+
"description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table.",
|
45144
45184
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45145
45185
|
"default": "false",
|
45146
45186
|
"value": {
|
@@ -45149,8 +45189,8 @@
|
|
45149
45189
|
}
|
45150
45190
|
},
|
45151
45191
|
{
|
45152
|
-
"name": "
|
45153
|
-
"description": "Use the fixed-
|
45192
|
+
"name": "fixedFooter",
|
45193
|
+
"description": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table.",
|
45154
45194
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45155
45195
|
"default": "false",
|
45156
45196
|
"value": {
|
@@ -45159,8 +45199,8 @@
|
|
45159
45199
|
}
|
45160
45200
|
},
|
45161
45201
|
{
|
45162
|
-
"name": "
|
45163
|
-
"description": "
|
45202
|
+
"name": "hover",
|
45203
|
+
"description": "Will add a hover effect to a table's row when the mouse is over it.",
|
45164
45204
|
"doc-url": "https://vuetifyjs.com/api/VTable#props",
|
45165
45205
|
"default": "false",
|
45166
45206
|
"value": {
|
@@ -45420,18 +45460,17 @@
|
|
45420
45460
|
}
|
45421
45461
|
},
|
45422
45462
|
{
|
45423
|
-
"name": "
|
45424
|
-
"description": "
|
45463
|
+
"name": "sliderColor",
|
45464
|
+
"description": "Changes the background color of an auto-generated `v-tabs-slider`.",
|
45425
45465
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45426
|
-
"default": "'start'",
|
45427
45466
|
"value": {
|
45428
45467
|
"kind": "expression",
|
45429
|
-
"type": "
|
45468
|
+
"type": "string"
|
45430
45469
|
}
|
45431
45470
|
},
|
45432
45471
|
{
|
45433
|
-
"name": "
|
45434
|
-
"description": "`v-tabs-
|
45472
|
+
"name": "hideSlider",
|
45473
|
+
"description": "Hide's the generated `v-tabs-slider`.",
|
45435
45474
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45436
45475
|
"default": "false",
|
45437
45476
|
"value": {
|
@@ -45440,22 +45479,23 @@
|
|
45440
45479
|
}
|
45441
45480
|
},
|
45442
45481
|
{
|
45443
|
-
"name": "
|
45444
|
-
"description": "
|
45482
|
+
"name": "alignTabs",
|
45483
|
+
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component.",
|
45445
45484
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45446
|
-
"default": "
|
45485
|
+
"default": "'start'",
|
45447
45486
|
"value": {
|
45448
45487
|
"kind": "expression",
|
45449
|
-
"type": "
|
45488
|
+
"type": "'title' | 'end' | 'start' | 'center'"
|
45450
45489
|
}
|
45451
45490
|
},
|
45452
45491
|
{
|
45453
|
-
"name": "
|
45454
|
-
"description": "
|
45492
|
+
"name": "fixedTabs",
|
45493
|
+
"description": "`v-tabs-item` min-width 160px, max-width 360px.",
|
45455
45494
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45495
|
+
"default": "false",
|
45456
45496
|
"value": {
|
45457
45497
|
"kind": "expression",
|
45458
|
-
"type": "
|
45498
|
+
"type": "boolean"
|
45459
45499
|
}
|
45460
45500
|
}
|
45461
45501
|
],
|
@@ -45655,8 +45695,8 @@
|
|
45655
45695
|
}
|
45656
45696
|
},
|
45657
45697
|
{
|
45658
|
-
"name": "
|
45659
|
-
"description": "
|
45698
|
+
"name": "eager",
|
45699
|
+
"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.",
|
45660
45700
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45661
45701
|
"default": "false",
|
45662
45702
|
"value": {
|
@@ -45665,12 +45705,13 @@
|
|
45665
45705
|
}
|
45666
45706
|
},
|
45667
45707
|
{
|
45668
|
-
"name": "
|
45669
|
-
"description": "
|
45708
|
+
"name": "disabled",
|
45709
|
+
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method.",
|
45670
45710
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45711
|
+
"default": "false",
|
45671
45712
|
"value": {
|
45672
45713
|
"kind": "expression",
|
45673
|
-
"type": "
|
45714
|
+
"type": "boolean"
|
45674
45715
|
}
|
45675
45716
|
},
|
45676
45717
|
{
|
@@ -45683,22 +45724,21 @@
|
|
45683
45724
|
}
|
45684
45725
|
},
|
45685
45726
|
{
|
45686
|
-
"name": "
|
45687
|
-
"description": "
|
45727
|
+
"name": "reverseTransition",
|
45728
|
+
"description": "Sets the reverse transition.",
|
45688
45729
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45689
|
-
"default": "false",
|
45690
45730
|
"value": {
|
45691
45731
|
"kind": "expression",
|
45692
|
-
"type": "boolean"
|
45732
|
+
"type": "string | boolean"
|
45693
45733
|
}
|
45694
45734
|
},
|
45695
45735
|
{
|
45696
|
-
"name": "
|
45697
|
-
"description": "
|
45736
|
+
"name": "selectedClass",
|
45737
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45698
45738
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45699
45739
|
"value": {
|
45700
45740
|
"kind": "expression",
|
45701
|
-
"type": "string
|
45741
|
+
"type": "string"
|
45702
45742
|
}
|
45703
45743
|
}
|
45704
45744
|
],
|
@@ -45800,6 +45840,15 @@
|
|
45800
45840
|
"type": "string"
|
45801
45841
|
}
|
45802
45842
|
},
|
45843
|
+
{
|
45844
|
+
"name": "prefix",
|
45845
|
+
"description": "Displays prefix text.",
|
45846
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45847
|
+
"value": {
|
45848
|
+
"kind": "expression",
|
45849
|
+
"type": "string"
|
45850
|
+
}
|
45851
|
+
},
|
45803
45852
|
{
|
45804
45853
|
"name": "modelValue",
|
45805
45854
|
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
@@ -45932,15 +45981,6 @@
|
|
45932
45981
|
"type": "string | number | boolean"
|
45933
45982
|
}
|
45934
45983
|
},
|
45935
|
-
{
|
45936
|
-
"name": "prefix",
|
45937
|
-
"description": "Displays prefix text.",
|
45938
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45939
|
-
"value": {
|
45940
|
-
"kind": "expression",
|
45941
|
-
"type": "string"
|
45942
|
-
}
|
45943
|
-
},
|
45944
45984
|
{
|
45945
45985
|
"name": "placeholder",
|
45946
45986
|
"description": "Sets the input’s placeholder text.",
|
@@ -47649,6 +47689,16 @@
|
|
47649
47689
|
"description": "",
|
47650
47690
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker",
|
47651
47691
|
"attributes": [
|
47692
|
+
{
|
47693
|
+
"name": "tag",
|
47694
|
+
"description": "Specify a custom tag used on the root element.",
|
47695
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47696
|
+
"default": "'div'",
|
47697
|
+
"value": {
|
47698
|
+
"kind": "expression",
|
47699
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
47700
|
+
}
|
47701
|
+
},
|
47652
47702
|
{
|
47653
47703
|
"name": "title",
|
47654
47704
|
"description": "Specify a title text for the component.",
|
@@ -47660,13 +47710,12 @@
|
|
47660
47710
|
}
|
47661
47711
|
},
|
47662
47712
|
{
|
47663
|
-
"name": "
|
47664
|
-
"description": "
|
47713
|
+
"name": "theme",
|
47714
|
+
"description": "Specify a theme for this component and all of its children.",
|
47665
47715
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47666
|
-
"default": "false",
|
47667
47716
|
"value": {
|
47668
47717
|
"kind": "expression",
|
47669
|
-
"type": "string
|
47718
|
+
"type": "string"
|
47670
47719
|
}
|
47671
47720
|
},
|
47672
47721
|
{
|
@@ -47679,26 +47728,26 @@
|
|
47679
47728
|
}
|
47680
47729
|
},
|
47681
47730
|
{
|
47682
|
-
"name": "
|
47683
|
-
"description": "
|
47731
|
+
"name": "location",
|
47732
|
+
"description": "Specifies the component's location. Can combine by using a space separated string.",
|
47684
47733
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47685
47734
|
"value": {
|
47686
47735
|
"kind": "expression",
|
47687
|
-
"type": "
|
47736
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>"
|
47688
47737
|
}
|
47689
47738
|
},
|
47690
47739
|
{
|
47691
|
-
"name": "
|
47692
|
-
"description": "
|
47740
|
+
"name": "color",
|
47741
|
+
"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).",
|
47693
47742
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47694
47743
|
"value": {
|
47695
47744
|
"kind": "expression",
|
47696
|
-
"type": "string
|
47745
|
+
"type": "string"
|
47697
47746
|
}
|
47698
47747
|
},
|
47699
47748
|
{
|
47700
|
-
"name": "
|
47701
|
-
"description": "Sets the
|
47749
|
+
"name": "height",
|
47750
|
+
"description": "Sets the height for the component.",
|
47702
47751
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47703
47752
|
"value": {
|
47704
47753
|
"kind": "expression",
|
@@ -47706,17 +47755,18 @@
|
|
47706
47755
|
}
|
47707
47756
|
},
|
47708
47757
|
{
|
47709
|
-
"name": "
|
47710
|
-
"description": "
|
47758
|
+
"name": "border",
|
47759
|
+
"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).",
|
47711
47760
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47761
|
+
"default": "false",
|
47712
47762
|
"value": {
|
47713
47763
|
"kind": "expression",
|
47714
|
-
"type": "string | number"
|
47764
|
+
"type": "string | number | boolean"
|
47715
47765
|
}
|
47716
47766
|
},
|
47717
47767
|
{
|
47718
|
-
"name": "
|
47719
|
-
"description": "
|
47768
|
+
"name": "elevation",
|
47769
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
47720
47770
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47721
47771
|
"value": {
|
47722
47772
|
"kind": "expression",
|
@@ -47724,86 +47774,86 @@
|
|
47724
47774
|
}
|
47725
47775
|
},
|
47726
47776
|
{
|
47727
|
-
"name": "
|
47728
|
-
"description": "
|
47777
|
+
"name": "rounded",
|
47778
|
+
"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).",
|
47729
47779
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47730
47780
|
"value": {
|
47731
47781
|
"kind": "expression",
|
47732
|
-
"type": "string | number"
|
47782
|
+
"type": "string | number | boolean"
|
47733
47783
|
}
|
47734
47784
|
},
|
47735
47785
|
{
|
47736
|
-
"name": "
|
47737
|
-
"description": "
|
47786
|
+
"name": "tile",
|
47787
|
+
"description": "Removes any applied **border-radius** from the component.",
|
47738
47788
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47789
|
+
"default": "false",
|
47739
47790
|
"value": {
|
47740
47791
|
"kind": "expression",
|
47741
|
-
"type": "
|
47792
|
+
"type": "boolean"
|
47742
47793
|
}
|
47743
47794
|
},
|
47744
47795
|
{
|
47745
|
-
"name": "
|
47746
|
-
"description": "
|
47796
|
+
"name": "bgColor",
|
47797
|
+
"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).",
|
47747
47798
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47748
47799
|
"value": {
|
47749
47800
|
"kind": "expression",
|
47750
|
-
"type": "
|
47801
|
+
"type": "string"
|
47751
47802
|
}
|
47752
47803
|
},
|
47753
47804
|
{
|
47754
|
-
"name": "
|
47755
|
-
"description": "
|
47805
|
+
"name": "disabled",
|
47806
|
+
"description": "Removes the ability to click or target the component.",
|
47756
47807
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47808
|
+
"default": "false",
|
47757
47809
|
"value": {
|
47758
47810
|
"kind": "expression",
|
47759
|
-
"type": "
|
47811
|
+
"type": "boolean"
|
47760
47812
|
}
|
47761
47813
|
},
|
47762
47814
|
{
|
47763
|
-
"name": "
|
47764
|
-
"description": "
|
47815
|
+
"name": "maxHeight",
|
47816
|
+
"description": "Sets the maximum height for the component.",
|
47765
47817
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47766
47818
|
"value": {
|
47767
47819
|
"kind": "expression",
|
47768
|
-
"type": "string | number
|
47820
|
+
"type": "string | number"
|
47769
47821
|
}
|
47770
47822
|
},
|
47771
47823
|
{
|
47772
|
-
"name": "
|
47773
|
-
"description": "
|
47824
|
+
"name": "maxWidth",
|
47825
|
+
"description": "Sets the maximum width for the component.",
|
47774
47826
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47775
|
-
"default": "false",
|
47776
47827
|
"value": {
|
47777
47828
|
"kind": "expression",
|
47778
|
-
"type": "
|
47829
|
+
"type": "string | number"
|
47779
47830
|
}
|
47780
47831
|
},
|
47781
47832
|
{
|
47782
|
-
"name": "
|
47783
|
-
"description": "
|
47833
|
+
"name": "minHeight",
|
47834
|
+
"description": "Sets the minimum height for the component.",
|
47784
47835
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47785
|
-
"default": "'div'",
|
47786
47836
|
"value": {
|
47787
47837
|
"kind": "expression",
|
47788
|
-
"type": "string |
|
47838
|
+
"type": "string | number"
|
47789
47839
|
}
|
47790
47840
|
},
|
47791
47841
|
{
|
47792
|
-
"name": "
|
47793
|
-
"description": "
|
47842
|
+
"name": "minWidth",
|
47843
|
+
"description": "Sets the minimum width for the component.",
|
47794
47844
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47795
47845
|
"value": {
|
47796
47846
|
"kind": "expression",
|
47797
|
-
"type": "string"
|
47847
|
+
"type": "string | number"
|
47798
47848
|
}
|
47799
47849
|
},
|
47800
47850
|
{
|
47801
|
-
"name": "
|
47802
|
-
"description": "
|
47851
|
+
"name": "width",
|
47852
|
+
"description": "Width of the picker.",
|
47803
47853
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47804
47854
|
"value": {
|
47805
47855
|
"kind": "expression",
|
47806
|
-
"type": "string"
|
47856
|
+
"type": "string | number"
|
47807
47857
|
}
|
47808
47858
|
},
|
47809
47859
|
{
|
@@ -47817,18 +47867,17 @@
|
|
47817
47867
|
}
|
47818
47868
|
},
|
47819
47869
|
{
|
47820
|
-
"name": "
|
47821
|
-
"description": "
|
47870
|
+
"name": "max",
|
47871
|
+
"description": "Maximum allowed time.",
|
47822
47872
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47823
|
-
"default": "false",
|
47824
47873
|
"value": {
|
47825
47874
|
"kind": "expression",
|
47826
|
-
"type": "
|
47875
|
+
"type": "string"
|
47827
47876
|
}
|
47828
47877
|
},
|
47829
47878
|
{
|
47830
|
-
"name": "
|
47831
|
-
"description": "
|
47879
|
+
"name": "min",
|
47880
|
+
"description": "Minimum allowed time.",
|
47832
47881
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47833
47882
|
"value": {
|
47834
47883
|
"kind": "expression",
|
@@ -47836,22 +47885,22 @@
|
|
47836
47885
|
}
|
47837
47886
|
},
|
47838
47887
|
{
|
47839
|
-
"name": "
|
47840
|
-
"description": "
|
47888
|
+
"name": "position",
|
47889
|
+
"description": "Sets the position for the component.",
|
47841
47890
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47842
47891
|
"value": {
|
47843
47892
|
"kind": "expression",
|
47844
|
-
"type": "
|
47893
|
+
"type": "'fixed' | 'relative' | 'absolute' | 'static' | 'sticky'"
|
47845
47894
|
}
|
47846
47895
|
},
|
47847
47896
|
{
|
47848
|
-
"name": "
|
47849
|
-
"description": "
|
47897
|
+
"name": "viewMode",
|
47898
|
+
"description": "The current view mode of thep picker.`",
|
47850
47899
|
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47851
|
-
"default": "
|
47900
|
+
"default": "'hour'",
|
47852
47901
|
"value": {
|
47853
47902
|
"kind": "expression",
|
47854
|
-
"type": "
|
47903
|
+
"type": "'hour' | 'minute' | 'second'"
|
47855
47904
|
}
|
47856
47905
|
},
|
47857
47906
|
{
|
@@ -47874,25 +47923,6 @@
|
|
47874
47923
|
"type": "boolean"
|
47875
47924
|
}
|
47876
47925
|
},
|
47877
|
-
{
|
47878
|
-
"name": "min",
|
47879
|
-
"description": "Minimum allowed time.",
|
47880
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47881
|
-
"value": {
|
47882
|
-
"kind": "expression",
|
47883
|
-
"type": "string"
|
47884
|
-
}
|
47885
|
-
},
|
47886
|
-
{
|
47887
|
-
"name": "viewMode",
|
47888
|
-
"description": "The current view mode of thep picker.`",
|
47889
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47890
|
-
"default": "'hour'",
|
47891
|
-
"value": {
|
47892
|
-
"kind": "expression",
|
47893
|
-
"type": "'hour' | 'minute' | 'second'"
|
47894
|
-
}
|
47895
|
-
},
|
47896
47926
|
{
|
47897
47927
|
"name": "ampmInTitle",
|
47898
47928
|
"description": "Place AM/PM switch in title, not near the clock.",
|
@@ -47913,6 +47943,16 @@
|
|
47913
47943
|
"type": "'ampm' | '24hr'"
|
47914
47944
|
}
|
47915
47945
|
},
|
47946
|
+
{
|
47947
|
+
"name": "scrollable",
|
47948
|
+
"description": "Allows changing hour/minute with mouse scroll.",
|
47949
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePicker#props",
|
47950
|
+
"default": "false",
|
47951
|
+
"value": {
|
47952
|
+
"kind": "expression",
|
47953
|
+
"type": "boolean"
|
47954
|
+
}
|
47955
|
+
},
|
47916
47956
|
{
|
47917
47957
|
"name": "useSeconds",
|
47918
47958
|
"description": "Toggles the use of seconds in picker.",
|
@@ -47963,17 +48003,6 @@
|
|
47963
48003
|
}
|
47964
48004
|
]
|
47965
48005
|
},
|
47966
|
-
{
|
47967
|
-
"name": "update:viewMode",
|
47968
|
-
"description": "Emitted when the view mode changes.",
|
47969
|
-
"doc-url": "https://vuetifyjs.com/api/v-time-picker#events",
|
47970
|
-
"arguments": [
|
47971
|
-
{
|
47972
|
-
"name": "argument",
|
47973
|
-
"type": "['hour' | 'minute' | 'second']\n"
|
47974
|
-
}
|
47975
|
-
]
|
47976
|
-
},
|
47977
48006
|
{
|
47978
48007
|
"name": "update:hour",
|
47979
48008
|
"description": "Emitted when user selects the hour.",
|
@@ -48017,6 +48046,17 @@
|
|
48017
48046
|
"type": "[number]\n"
|
48018
48047
|
}
|
48019
48048
|
]
|
48049
|
+
},
|
48050
|
+
{
|
48051
|
+
"name": "update:viewMode",
|
48052
|
+
"description": "Emitted when the view mode changes.",
|
48053
|
+
"doc-url": "https://vuetifyjs.com/api/v-time-picker#events",
|
48054
|
+
"arguments": [
|
48055
|
+
{
|
48056
|
+
"name": "argument",
|
48057
|
+
"type": "['hour' | 'minute' | 'second']\n"
|
48058
|
+
}
|
48059
|
+
]
|
48020
48060
|
}
|
48021
48061
|
],
|
48022
48062
|
"slots": [
|
@@ -48069,8 +48109,8 @@
|
|
48069
48109
|
}
|
48070
48110
|
},
|
48071
48111
|
{
|
48072
|
-
"name": "
|
48073
|
-
"description": "
|
48112
|
+
"name": "readonly",
|
48113
|
+
"description": "When true, the picker is in a read-only state, and users cannot modify the selected time.",
|
48074
48114
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48075
48115
|
"default": "false",
|
48076
48116
|
"value": {
|
@@ -48079,8 +48119,8 @@
|
|
48079
48119
|
}
|
48080
48120
|
},
|
48081
48121
|
{
|
48082
|
-
"name": "
|
48083
|
-
"description": "
|
48122
|
+
"name": "disabled",
|
48123
|
+
"description": "Removes the ability to click or target the component.",
|
48084
48124
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48085
48125
|
"default": "false",
|
48086
48126
|
"value": {
|
@@ -48097,6 +48137,16 @@
|
|
48097
48137
|
"type": "number"
|
48098
48138
|
}
|
48099
48139
|
},
|
48140
|
+
{
|
48141
|
+
"name": "scrollable",
|
48142
|
+
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs.",
|
48143
|
+
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48144
|
+
"default": "false",
|
48145
|
+
"value": {
|
48146
|
+
"kind": "expression",
|
48147
|
+
"type": "boolean"
|
48148
|
+
}
|
48149
|
+
},
|
48100
48150
|
{
|
48101
48151
|
"name": "min",
|
48102
48152
|
"description": "Defines the minimum time value that can be selected.",
|
@@ -48164,16 +48214,6 @@
|
|
48164
48214
|
"type": "Function"
|
48165
48215
|
}
|
48166
48216
|
},
|
48167
|
-
{
|
48168
|
-
"name": "scrollable",
|
48169
|
-
"description": "Allows the time selection to be scrollable, enhancing user experience for devices with scroll inputs.",
|
48170
|
-
"doc-url": "https://vuetifyjs.com/api/VTimePickerClock#props",
|
48171
|
-
"default": "false",
|
48172
|
-
"value": {
|
48173
|
-
"kind": "expression",
|
48174
|
-
"type": "boolean"
|
48175
|
-
}
|
48176
|
-
},
|
48177
48217
|
{
|
48178
48218
|
"name": "allowedValues",
|
48179
48219
|
"description": "Restricts which hours can be selected.",
|
@@ -48230,36 +48270,36 @@
|
|
48230
48270
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-controls",
|
48231
48271
|
"attributes": [
|
48232
48272
|
{
|
48233
|
-
"name": "
|
48234
|
-
"description": "
|
48273
|
+
"name": "color",
|
48274
|
+
"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).",
|
48235
48275
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48236
48276
|
"value": {
|
48237
48277
|
"kind": "expression",
|
48238
|
-
"type": "
|
48278
|
+
"type": "string"
|
48239
48279
|
}
|
48240
48280
|
},
|
48241
48281
|
{
|
48242
|
-
"name": "
|
48243
|
-
"description": "
|
48282
|
+
"name": "readonly",
|
48283
|
+
"description": "Makes the timepicker readonly.",
|
48244
48284
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48285
|
+
"default": "false",
|
48245
48286
|
"value": {
|
48246
48287
|
"kind": "expression",
|
48247
|
-
"type": "
|
48288
|
+
"type": "boolean"
|
48248
48289
|
}
|
48249
48290
|
},
|
48250
48291
|
{
|
48251
|
-
"name": "
|
48252
|
-
"description": "
|
48292
|
+
"name": "value",
|
48293
|
+
"description": "The current value of the timepicker.",
|
48253
48294
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48254
|
-
"default": "false",
|
48255
48295
|
"value": {
|
48256
48296
|
"kind": "expression",
|
48257
|
-
"type": "
|
48297
|
+
"type": "number"
|
48258
48298
|
}
|
48259
48299
|
},
|
48260
48300
|
{
|
48261
|
-
"name": "
|
48262
|
-
"description": "
|
48301
|
+
"name": "disabled",
|
48302
|
+
"description": "Removes the ability to click or target the component.",
|
48263
48303
|
"doc-url": "https://vuetifyjs.com/api/VTimePickerControls#props",
|
48264
48304
|
"default": "false",
|
48265
48305
|
"value": {
|
@@ -48355,24 +48395,24 @@
|
|
48355
48395
|
],
|
48356
48396
|
"events": [
|
48357
48397
|
{
|
48358
|
-
"name": "update:
|
48359
|
-
"description": "Emitted when the
|
48398
|
+
"name": "update:viewMode",
|
48399
|
+
"description": "Emitted when the view mode is changed. The event payload is either `hour`, `minute`, or `second`.",
|
48360
48400
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-controls#events",
|
48361
48401
|
"arguments": [
|
48362
48402
|
{
|
48363
48403
|
"name": "argument",
|
48364
|
-
"type": "['
|
48404
|
+
"type": "['hour' | 'minute' | 'second']\n"
|
48365
48405
|
}
|
48366
48406
|
]
|
48367
48407
|
},
|
48368
48408
|
{
|
48369
|
-
"name": "update:
|
48370
|
-
"description": "Emitted when the
|
48409
|
+
"name": "update:period",
|
48410
|
+
"description": "Emitted when the period is changed. The event payload is either `am` or `pm`.",
|
48371
48411
|
"doc-url": "https://vuetifyjs.com/api/v-time-picker-controls#events",
|
48372
48412
|
"arguments": [
|
48373
48413
|
{
|
48374
48414
|
"name": "argument",
|
48375
|
-
"type": "['
|
48415
|
+
"type": "['am' | 'pm']\n"
|
48376
48416
|
}
|
48377
48417
|
]
|
48378
48418
|
}
|
@@ -48575,23 +48615,12 @@
|
|
48575
48615
|
"doc-url": "https://vuetifyjs.com/api/v-timeline-item",
|
48576
48616
|
"attributes": [
|
48577
48617
|
{
|
48578
|
-
"name": "
|
48579
|
-
"description": "
|
48580
|
-
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48581
|
-
"default": "'div'",
|
48582
|
-
"value": {
|
48583
|
-
"kind": "expression",
|
48584
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
48585
|
-
}
|
48586
|
-
},
|
48587
|
-
{
|
48588
|
-
"name": "size",
|
48589
|
-
"description": "Size of the item dot",
|
48618
|
+
"name": "icon",
|
48619
|
+
"description": "Apply a specific icon to the inside dot using the [v-icon](/components/icons/) component.",
|
48590
48620
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48591
|
-
"default": "'default'",
|
48592
48621
|
"value": {
|
48593
48622
|
"kind": "expression",
|
48594
|
-
"type": "string | number"
|
48623
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
48595
48624
|
}
|
48596
48625
|
},
|
48597
48626
|
{
|
@@ -48613,8 +48642,8 @@
|
|
48613
48642
|
}
|
48614
48643
|
},
|
48615
48644
|
{
|
48616
|
-
"name": "
|
48617
|
-
"description": "
|
48645
|
+
"name": "maxHeight",
|
48646
|
+
"description": "Sets the maximum height for the component.",
|
48618
48647
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48619
48648
|
"value": {
|
48620
48649
|
"kind": "expression",
|
@@ -48622,27 +48651,26 @@
|
|
48622
48651
|
}
|
48623
48652
|
},
|
48624
48653
|
{
|
48625
|
-
"name": "
|
48626
|
-
"description": "
|
48654
|
+
"name": "maxWidth",
|
48655
|
+
"description": "Sets the maximum width for the component.",
|
48627
48656
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48628
48657
|
"value": {
|
48629
48658
|
"kind": "expression",
|
48630
|
-
"type": "string | number
|
48659
|
+
"type": "string | number"
|
48631
48660
|
}
|
48632
48661
|
},
|
48633
48662
|
{
|
48634
|
-
"name": "
|
48635
|
-
"description": "
|
48663
|
+
"name": "minHeight",
|
48664
|
+
"description": "Sets the minimum height for the component.",
|
48636
48665
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48637
|
-
"default": "false",
|
48638
48666
|
"value": {
|
48639
48667
|
"kind": "expression",
|
48640
|
-
"type": "
|
48668
|
+
"type": "string | number"
|
48641
48669
|
}
|
48642
48670
|
},
|
48643
48671
|
{
|
48644
|
-
"name": "
|
48645
|
-
"description": "Sets the
|
48672
|
+
"name": "minWidth",
|
48673
|
+
"description": "Sets the minimum width for the component.",
|
48646
48674
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48647
48675
|
"value": {
|
48648
48676
|
"kind": "expression",
|
@@ -48650,8 +48678,8 @@
|
|
48650
48678
|
}
|
48651
48679
|
},
|
48652
48680
|
{
|
48653
|
-
"name": "
|
48654
|
-
"description": "Sets the
|
48681
|
+
"name": "width",
|
48682
|
+
"description": "Sets the width for the component.",
|
48655
48683
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48656
48684
|
"value": {
|
48657
48685
|
"kind": "expression",
|
@@ -48659,8 +48687,8 @@
|
|
48659
48687
|
}
|
48660
48688
|
},
|
48661
48689
|
{
|
48662
|
-
"name": "
|
48663
|
-
"description": "
|
48690
|
+
"name": "elevation",
|
48691
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
48664
48692
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48665
48693
|
"value": {
|
48666
48694
|
"kind": "expression",
|
@@ -48668,18 +48696,39 @@
|
|
48668
48696
|
}
|
48669
48697
|
},
|
48670
48698
|
{
|
48671
|
-
"name": "
|
48672
|
-
"description": "
|
48699
|
+
"name": "rounded",
|
48700
|
+
"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).",
|
48673
48701
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48674
48702
|
"value": {
|
48675
48703
|
"kind": "expression",
|
48676
|
-
"type": "string | number"
|
48704
|
+
"type": "string | number | boolean"
|
48677
48705
|
}
|
48678
48706
|
},
|
48679
48707
|
{
|
48680
|
-
"name": "
|
48681
|
-
"description": "
|
48708
|
+
"name": "tile",
|
48709
|
+
"description": "Removes any applied **border-radius** from the component.",
|
48682
48710
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48711
|
+
"default": "false",
|
48712
|
+
"value": {
|
48713
|
+
"kind": "expression",
|
48714
|
+
"type": "boolean"
|
48715
|
+
}
|
48716
|
+
},
|
48717
|
+
{
|
48718
|
+
"name": "tag",
|
48719
|
+
"description": "Specify a custom tag used on the root element.",
|
48720
|
+
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48721
|
+
"default": "'div'",
|
48722
|
+
"value": {
|
48723
|
+
"kind": "expression",
|
48724
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
48725
|
+
}
|
48726
|
+
},
|
48727
|
+
{
|
48728
|
+
"name": "size",
|
48729
|
+
"description": "Size of the item dot",
|
48730
|
+
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48731
|
+
"default": "'default'",
|
48683
48732
|
"value": {
|
48684
48733
|
"kind": "expression",
|
48685
48734
|
"type": "string | number"
|
@@ -48695,12 +48744,12 @@
|
|
48695
48744
|
}
|
48696
48745
|
},
|
48697
48746
|
{
|
48698
|
-
"name": "
|
48699
|
-
"description": "
|
48747
|
+
"name": "side",
|
48748
|
+
"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.",
|
48700
48749
|
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48701
48750
|
"value": {
|
48702
48751
|
"kind": "expression",
|
48703
|
-
"type": "
|
48752
|
+
"type": "'end' | 'start'"
|
48704
48753
|
}
|
48705
48754
|
},
|
48706
48755
|
{
|
@@ -48749,15 +48798,6 @@
|
|
48749
48798
|
"kind": "expression",
|
48750
48799
|
"type": "string | number"
|
48751
48800
|
}
|
48752
|
-
},
|
48753
|
-
{
|
48754
|
-
"name": "side",
|
48755
|
-
"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.",
|
48756
|
-
"doc-url": "https://vuetifyjs.com/api/VTimelineItem#props",
|
48757
|
-
"value": {
|
48758
|
-
"kind": "expression",
|
48759
|
-
"type": "'start' | 'end'"
|
48760
|
-
}
|
48761
48801
|
}
|
48762
48802
|
],
|
48763
48803
|
"events": [],
|
@@ -48793,61 +48833,60 @@
|
|
48793
48833
|
"doc-url": "https://vuetifyjs.com/api/v-toolbar",
|
48794
48834
|
"attributes": [
|
48795
48835
|
{
|
48796
|
-
"name": "
|
48797
|
-
"description": "
|
48836
|
+
"name": "flat",
|
48837
|
+
"description": "Removes the toolbar's box-shadow.",
|
48798
48838
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48839
|
+
"default": "false",
|
48799
48840
|
"value": {
|
48800
48841
|
"kind": "expression",
|
48801
|
-
"type": "
|
48842
|
+
"type": "boolean"
|
48802
48843
|
}
|
48803
48844
|
},
|
48804
48845
|
{
|
48805
|
-
"name": "
|
48806
|
-
"description": "
|
48846
|
+
"name": "tag",
|
48847
|
+
"description": "Specify a custom tag used on the root element.",
|
48807
48848
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48808
|
-
"default": "
|
48849
|
+
"default": "'header'",
|
48809
48850
|
"value": {
|
48810
48851
|
"kind": "expression",
|
48811
|
-
"type": "
|
48852
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
48812
48853
|
}
|
48813
48854
|
},
|
48814
48855
|
{
|
48815
|
-
"name": "
|
48816
|
-
"description": "
|
48856
|
+
"name": "title",
|
48857
|
+
"description": "Specify a title text for the component.",
|
48817
48858
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48818
|
-
"default": "false",
|
48819
48859
|
"value": {
|
48820
48860
|
"kind": "expression",
|
48821
|
-
"type": "string
|
48861
|
+
"type": "string"
|
48822
48862
|
}
|
48823
48863
|
},
|
48824
48864
|
{
|
48825
|
-
"name": "
|
48826
|
-
"description": "
|
48865
|
+
"name": "theme",
|
48866
|
+
"description": "Specify a theme for this component and all of its children.",
|
48827
48867
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48828
|
-
"default": "'default'",
|
48829
48868
|
"value": {
|
48830
48869
|
"kind": "expression",
|
48831
|
-
"type": "
|
48870
|
+
"type": "string"
|
48832
48871
|
}
|
48833
48872
|
},
|
48834
48873
|
{
|
48835
|
-
"name": "
|
48836
|
-
"description": "
|
48874
|
+
"name": "image",
|
48875
|
+
"description": "Specifies a [v-img](/components/images) as the component's background.",
|
48837
48876
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48838
|
-
"default": "64",
|
48839
48877
|
"value": {
|
48840
48878
|
"kind": "expression",
|
48841
|
-
"type": "string
|
48879
|
+
"type": "string"
|
48842
48880
|
}
|
48843
48881
|
},
|
48844
48882
|
{
|
48845
|
-
"name": "
|
48846
|
-
"description": "
|
48883
|
+
"name": "collapse",
|
48884
|
+
"description": "Puts the toolbar into a collapsed state reducing its maximum width.",
|
48847
48885
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48886
|
+
"default": "false",
|
48848
48887
|
"value": {
|
48849
48888
|
"kind": "expression",
|
48850
|
-
"type": "
|
48889
|
+
"type": "boolean"
|
48851
48890
|
}
|
48852
48891
|
},
|
48853
48892
|
{
|
@@ -48861,99 +48900,100 @@
|
|
48861
48900
|
}
|
48862
48901
|
},
|
48863
48902
|
{
|
48864
|
-
"name": "
|
48865
|
-
"description": "
|
48903
|
+
"name": "color",
|
48904
|
+
"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).",
|
48866
48905
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48867
48906
|
"value": {
|
48868
48907
|
"kind": "expression",
|
48869
|
-
"type": "string
|
48908
|
+
"type": "string"
|
48870
48909
|
}
|
48871
48910
|
},
|
48872
48911
|
{
|
48873
|
-
"name": "
|
48874
|
-
"description": "
|
48912
|
+
"name": "density",
|
48913
|
+
"description": "Adjusts the vertical height used by the component.",
|
48875
48914
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48876
|
-
"default": "
|
48915
|
+
"default": "'default'",
|
48877
48916
|
"value": {
|
48878
48917
|
"kind": "expression",
|
48879
|
-
"type": "
|
48918
|
+
"type": "'default' | 'prominent' | 'comfortable' | 'compact'"
|
48880
48919
|
}
|
48881
48920
|
},
|
48882
48921
|
{
|
48883
|
-
"name": "
|
48884
|
-
"description": "
|
48922
|
+
"name": "extended",
|
48923
|
+
"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**.",
|
48885
48924
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48886
|
-
"default": "
|
48925
|
+
"default": "false",
|
48887
48926
|
"value": {
|
48888
48927
|
"kind": "expression",
|
48889
|
-
"type": "
|
48928
|
+
"type": "boolean"
|
48890
48929
|
}
|
48891
48930
|
},
|
48892
48931
|
{
|
48893
|
-
"name": "
|
48894
|
-
"description": "Specify
|
48932
|
+
"name": "extensionHeight",
|
48933
|
+
"description": "Specify an explicit height for the `extension` slot.",
|
48895
48934
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48935
|
+
"default": "48",
|
48896
48936
|
"value": {
|
48897
48937
|
"kind": "expression",
|
48898
|
-
"type": "string"
|
48938
|
+
"type": "string | number"
|
48899
48939
|
}
|
48900
48940
|
},
|
48901
48941
|
{
|
48902
|
-
"name": "
|
48903
|
-
"description": "Applies
|
48942
|
+
"name": "floating",
|
48943
|
+
"description": "Applies **display: inline-flex** to the component.",
|
48904
48944
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48945
|
+
"default": "false",
|
48905
48946
|
"value": {
|
48906
48947
|
"kind": "expression",
|
48907
|
-
"type": "
|
48948
|
+
"type": "boolean"
|
48908
48949
|
}
|
48909
48950
|
},
|
48910
48951
|
{
|
48911
|
-
"name": "
|
48912
|
-
"description": "
|
48952
|
+
"name": "height",
|
48953
|
+
"description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc.",
|
48913
48954
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48955
|
+
"default": "64",
|
48914
48956
|
"value": {
|
48915
48957
|
"kind": "expression",
|
48916
|
-
"type": "string"
|
48958
|
+
"type": "string | number"
|
48917
48959
|
}
|
48918
48960
|
},
|
48919
48961
|
{
|
48920
|
-
"name": "
|
48921
|
-
"description": "Applies
|
48962
|
+
"name": "border",
|
48963
|
+
"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).",
|
48922
48964
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48923
48965
|
"default": "false",
|
48924
48966
|
"value": {
|
48925
48967
|
"kind": "expression",
|
48926
|
-
"type": "boolean"
|
48968
|
+
"type": "string | number | boolean"
|
48927
48969
|
}
|
48928
48970
|
},
|
48929
48971
|
{
|
48930
|
-
"name": "
|
48931
|
-
"description": "
|
48972
|
+
"name": "elevation",
|
48973
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
48932
48974
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48933
|
-
"default": "false",
|
48934
48975
|
"value": {
|
48935
48976
|
"kind": "expression",
|
48936
|
-
"type": "
|
48977
|
+
"type": "string | number"
|
48937
48978
|
}
|
48938
48979
|
},
|
48939
48980
|
{
|
48940
|
-
"name": "
|
48941
|
-
"description": "
|
48981
|
+
"name": "rounded",
|
48982
|
+
"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).",
|
48942
48983
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48943
|
-
"default": "false",
|
48944
48984
|
"value": {
|
48945
48985
|
"kind": "expression",
|
48946
|
-
"type": "boolean"
|
48986
|
+
"type": "string | number | boolean"
|
48947
48987
|
}
|
48948
48988
|
},
|
48949
48989
|
{
|
48950
|
-
"name": "
|
48951
|
-
"description": "
|
48990
|
+
"name": "tile",
|
48991
|
+
"description": "Removes any applied **border-radius** from the component.",
|
48952
48992
|
"doc-url": "https://vuetifyjs.com/api/VToolbar#props",
|
48953
|
-
"default": "
|
48993
|
+
"default": "false",
|
48954
48994
|
"value": {
|
48955
48995
|
"kind": "expression",
|
48956
|
-
"type": "
|
48996
|
+
"type": "boolean"
|
48957
48997
|
}
|
48958
48998
|
}
|
48959
48999
|
],
|
@@ -49020,7 +49060,7 @@
|
|
49020
49060
|
"default": "'text'",
|
49021
49061
|
"value": {
|
49022
49062
|
"kind": "expression",
|
49023
|
-
"type": "'
|
49063
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
49024
49064
|
}
|
49025
49065
|
}
|
49026
49066
|
],
|
@@ -49047,22 +49087,22 @@
|
|
49047
49087
|
"doc-url": "https://vuetifyjs.com/api/v-toolbar-title",
|
49048
49088
|
"attributes": [
|
49049
49089
|
{
|
49050
|
-
"name": "
|
49051
|
-
"description": "Specify
|
49090
|
+
"name": "text",
|
49091
|
+
"description": "Specify content text for the component.",
|
49052
49092
|
"doc-url": "https://vuetifyjs.com/api/VToolbarTitle#props",
|
49053
|
-
"default": "'div'",
|
49054
49093
|
"value": {
|
49055
49094
|
"kind": "expression",
|
49056
|
-
"type": "string
|
49095
|
+
"type": "string"
|
49057
49096
|
}
|
49058
49097
|
},
|
49059
49098
|
{
|
49060
|
-
"name": "
|
49061
|
-
"description": "Specify
|
49099
|
+
"name": "tag",
|
49100
|
+
"description": "Specify a custom tag used on the root element.",
|
49062
49101
|
"doc-url": "https://vuetifyjs.com/api/VToolbarTitle#props",
|
49102
|
+
"default": "'div'",
|
49063
49103
|
"value": {
|
49064
49104
|
"kind": "expression",
|
49065
|
-
"type": "string"
|
49105
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
49066
49106
|
}
|
49067
49107
|
}
|
49068
49108
|
],
|
@@ -49094,8 +49134,17 @@
|
|
49094
49134
|
"doc-url": "https://vuetifyjs.com/api/v-tooltip",
|
49095
49135
|
"attributes": [
|
49096
49136
|
{
|
49097
|
-
"name": "
|
49098
|
-
"description": "Specify
|
49137
|
+
"name": "theme",
|
49138
|
+
"description": "Specify a theme for this component and all of its children.",
|
49139
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49140
|
+
"value": {
|
49141
|
+
"kind": "expression",
|
49142
|
+
"type": "string"
|
49143
|
+
}
|
49144
|
+
},
|
49145
|
+
{
|
49146
|
+
"name": "id",
|
49147
|
+
"description": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used.",
|
49099
49148
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49100
49149
|
"value": {
|
49101
49150
|
"kind": "expression",
|
@@ -49112,6 +49161,16 @@
|
|
49112
49161
|
"type": "boolean"
|
49113
49162
|
}
|
49114
49163
|
},
|
49164
|
+
{
|
49165
|
+
"name": "location",
|
49166
|
+
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both..",
|
49167
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49168
|
+
"default": "'end'",
|
49169
|
+
"value": {
|
49170
|
+
"kind": "expression",
|
49171
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>"
|
49172
|
+
}
|
49173
|
+
},
|
49115
49174
|
{
|
49116
49175
|
"name": "height",
|
49117
49176
|
"description": "Sets the height for the component.",
|
@@ -49121,6 +49180,35 @@
|
|
49121
49180
|
"type": "string | number"
|
49122
49181
|
}
|
49123
49182
|
},
|
49183
|
+
{
|
49184
|
+
"name": "text",
|
49185
|
+
"description": "Specify content text for the component.",
|
49186
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49187
|
+
"value": {
|
49188
|
+
"kind": "expression",
|
49189
|
+
"type": "string"
|
49190
|
+
}
|
49191
|
+
},
|
49192
|
+
{
|
49193
|
+
"name": "eager",
|
49194
|
+
"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.",
|
49195
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49196
|
+
"default": "true",
|
49197
|
+
"value": {
|
49198
|
+
"kind": "expression",
|
49199
|
+
"type": "boolean"
|
49200
|
+
}
|
49201
|
+
},
|
49202
|
+
{
|
49203
|
+
"name": "disabled",
|
49204
|
+
"description": "Removes the ability to click or target the component.",
|
49205
|
+
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49206
|
+
"default": "false",
|
49207
|
+
"value": {
|
49208
|
+
"kind": "expression",
|
49209
|
+
"type": "boolean"
|
49210
|
+
}
|
49211
|
+
},
|
49124
49212
|
{
|
49125
49213
|
"name": "maxHeight",
|
49126
49214
|
"description": "Sets the maximum height for the component.",
|
@@ -49167,45 +49255,6 @@
|
|
49167
49255
|
"type": "string | number"
|
49168
49256
|
}
|
49169
49257
|
},
|
49170
|
-
{
|
49171
|
-
"name": "location",
|
49172
|
-
"description": "Specifies the anchor point for positioning the component, using directional cues to align it either horizontally, vertically, or both..",
|
49173
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49174
|
-
"default": "'end'",
|
49175
|
-
"value": {
|
49176
|
-
"kind": "expression",
|
49177
|
-
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L8-L14\" target=\"_blank\">Anchor</a>"
|
49178
|
-
}
|
49179
|
-
},
|
49180
|
-
{
|
49181
|
-
"name": "theme",
|
49182
|
-
"description": "Specify a theme for this component and all of its children.",
|
49183
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49184
|
-
"value": {
|
49185
|
-
"kind": "expression",
|
49186
|
-
"type": "string"
|
49187
|
-
}
|
49188
|
-
},
|
49189
|
-
{
|
49190
|
-
"name": "disabled",
|
49191
|
-
"description": "Removes the ability to click or target the component.",
|
49192
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49193
|
-
"default": "false",
|
49194
|
-
"value": {
|
49195
|
-
"kind": "expression",
|
49196
|
-
"type": "boolean"
|
49197
|
-
}
|
49198
|
-
},
|
49199
|
-
{
|
49200
|
-
"name": "transition",
|
49201
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
49202
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49203
|
-
"default": "false",
|
49204
|
-
"value": {
|
49205
|
-
"kind": "expression",
|
49206
|
-
"type": "string | boolean | (TransitionProps & { component: Component })"
|
49207
|
-
}
|
49208
|
-
},
|
49209
49258
|
{
|
49210
49259
|
"name": "activator",
|
49211
49260
|
"description": "Explicitly sets the overlay's activator.",
|
@@ -49368,16 +49417,6 @@
|
|
49368
49417
|
"type": "string | number"
|
49369
49418
|
}
|
49370
49419
|
},
|
49371
|
-
{
|
49372
|
-
"name": "eager",
|
49373
|
-
"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.",
|
49374
|
-
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49375
|
-
"default": "true",
|
49376
|
-
"value": {
|
49377
|
-
"kind": "expression",
|
49378
|
-
"type": "boolean"
|
49379
|
-
}
|
49380
|
-
},
|
49381
49420
|
{
|
49382
49421
|
"name": "locationStrategy",
|
49383
49422
|
"description": "A function used to specifies how the component should position relative to its activator.",
|
@@ -49415,26 +49454,27 @@
|
|
49415
49454
|
"default": "'reposition'",
|
49416
49455
|
"value": {
|
49417
49456
|
"kind": "expression",
|
49418
|
-
"type": "'close' | '
|
49457
|
+
"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>"
|
49419
49458
|
}
|
49420
49459
|
},
|
49421
49460
|
{
|
49422
|
-
"name": "
|
49423
|
-
"description": "
|
49461
|
+
"name": "transition",
|
49462
|
+
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
49424
49463
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49425
49464
|
"default": "false",
|
49426
49465
|
"value": {
|
49427
49466
|
"kind": "expression",
|
49428
|
-
"type": "string | boolean |
|
49467
|
+
"type": "string | boolean | (TransitionProps & { component: Component })"
|
49429
49468
|
}
|
49430
49469
|
},
|
49431
49470
|
{
|
49432
|
-
"name": "
|
49433
|
-
"description": "
|
49471
|
+
"name": "attach",
|
49472
|
+
"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.",
|
49434
49473
|
"doc-url": "https://vuetifyjs.com/api/VTooltip#props",
|
49474
|
+
"default": "false",
|
49435
49475
|
"value": {
|
49436
49476
|
"kind": "expression",
|
49437
|
-
"type": "string"
|
49477
|
+
"type": "string | boolean | Element"
|
49438
49478
|
}
|
49439
49479
|
},
|
49440
49480
|
{
|
@@ -49517,75 +49557,74 @@
|
|
49517
49557
|
}
|
49518
49558
|
},
|
49519
49559
|
{
|
49520
|
-
"name": "
|
49521
|
-
"description": "
|
49560
|
+
"name": "border",
|
49561
|
+
"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).",
|
49522
49562
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49523
|
-
"default": "
|
49563
|
+
"default": "false",
|
49524
49564
|
"value": {
|
49525
49565
|
"kind": "expression",
|
49526
|
-
"type": "string |
|
49566
|
+
"type": "string | number | boolean"
|
49527
49567
|
}
|
49528
49568
|
},
|
49529
49569
|
{
|
49530
|
-
"name": "
|
49531
|
-
"description": "
|
49570
|
+
"name": "modelValue",
|
49571
|
+
"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`",
|
49532
49572
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49573
|
+
"default": "[]",
|
49533
49574
|
"value": {
|
49534
49575
|
"kind": "expression",
|
49535
|
-
"type": "
|
49576
|
+
"type": "unknown[]"
|
49536
49577
|
}
|
49537
49578
|
},
|
49538
49579
|
{
|
49539
|
-
"name": "
|
49540
|
-
"description": "
|
49580
|
+
"name": "density",
|
49581
|
+
"description": "Adjusts the vertical height used by the component.",
|
49541
49582
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49583
|
+
"default": "'default'",
|
49542
49584
|
"value": {
|
49543
49585
|
"kind": "expression",
|
49544
|
-
"type": "
|
49586
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
49545
49587
|
}
|
49546
49588
|
},
|
49547
49589
|
{
|
49548
|
-
"name": "
|
49549
|
-
"description": "
|
49590
|
+
"name": "height",
|
49591
|
+
"description": "Sets the height for the component.",
|
49550
49592
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49551
|
-
"default": "[]",
|
49552
49593
|
"value": {
|
49553
49594
|
"kind": "expression",
|
49554
|
-
"type": "
|
49595
|
+
"type": "string | number"
|
49555
49596
|
}
|
49556
49597
|
},
|
49557
49598
|
{
|
49558
|
-
"name": "
|
49559
|
-
"description": "
|
49599
|
+
"name": "maxHeight",
|
49600
|
+
"description": "Sets the maximum height for the component.",
|
49560
49601
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49561
|
-
"default": "[]",
|
49562
49602
|
"value": {
|
49563
49603
|
"kind": "expression",
|
49564
|
-
"type": "
|
49604
|
+
"type": "string | number"
|
49565
49605
|
}
|
49566
49606
|
},
|
49567
49607
|
{
|
49568
|
-
"name": "
|
49569
|
-
"description": "
|
49608
|
+
"name": "maxWidth",
|
49609
|
+
"description": "Sets the maximum width for the component.",
|
49570
49610
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49571
49611
|
"value": {
|
49572
49612
|
"kind": "expression",
|
49573
|
-
"type": "string"
|
49613
|
+
"type": "string | number"
|
49574
49614
|
}
|
49575
49615
|
},
|
49576
49616
|
{
|
49577
|
-
"name": "
|
49578
|
-
"description": "
|
49617
|
+
"name": "minHeight",
|
49618
|
+
"description": "Sets the minimum height for the component.",
|
49579
49619
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49580
|
-
"default": "'default'",
|
49581
49620
|
"value": {
|
49582
49621
|
"kind": "expression",
|
49583
|
-
"type": "
|
49622
|
+
"type": "string | number"
|
49584
49623
|
}
|
49585
49624
|
},
|
49586
49625
|
{
|
49587
|
-
"name": "
|
49588
|
-
"description": "Sets the
|
49626
|
+
"name": "minWidth",
|
49627
|
+
"description": "Sets the minimum width for the component.",
|
49589
49628
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49590
49629
|
"value": {
|
49591
49630
|
"kind": "expression",
|
@@ -49593,13 +49632,12 @@
|
|
49593
49632
|
}
|
49594
49633
|
},
|
49595
49634
|
{
|
49596
|
-
"name": "
|
49597
|
-
"description": "
|
49635
|
+
"name": "width",
|
49636
|
+
"description": "Sets the width for the component.",
|
49598
49637
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49599
|
-
"default": "false",
|
49600
49638
|
"value": {
|
49601
49639
|
"kind": "expression",
|
49602
|
-
"type": "string | number
|
49640
|
+
"type": "string | number"
|
49603
49641
|
}
|
49604
49642
|
},
|
49605
49643
|
{
|
@@ -49631,60 +49669,50 @@
|
|
49631
49669
|
}
|
49632
49670
|
},
|
49633
49671
|
{
|
49634
|
-
"name": "
|
49635
|
-
"description": "
|
49636
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49637
|
-
"default": "'intersection'",
|
49638
|
-
"value": {
|
49639
|
-
"kind": "expression",
|
49640
|
-
"type": "'every' | 'some' | 'union' | 'intersection'"
|
49641
|
-
}
|
49642
|
-
},
|
49643
|
-
{
|
49644
|
-
"name": "noFilter",
|
49645
|
-
"description": "Disables all item filtering.",
|
49672
|
+
"name": "tag",
|
49673
|
+
"description": "Specify a custom tag used on the root element.",
|
49646
49674
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49647
|
-
"default": "
|
49675
|
+
"default": "'div'",
|
49648
49676
|
"value": {
|
49649
49677
|
"kind": "expression",
|
49650
|
-
"type": "
|
49678
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
49651
49679
|
}
|
49652
49680
|
},
|
49653
49681
|
{
|
49654
|
-
"name": "
|
49655
|
-
"description": "
|
49682
|
+
"name": "theme",
|
49683
|
+
"description": "Specify a theme for this component and all of its children.",
|
49656
49684
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49657
49685
|
"value": {
|
49658
49686
|
"kind": "expression",
|
49659
|
-
"type": "
|
49687
|
+
"type": "string"
|
49660
49688
|
}
|
49661
49689
|
},
|
49662
49690
|
{
|
49663
|
-
"name": "
|
49664
|
-
"description": "
|
49691
|
+
"name": "color",
|
49692
|
+
"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).",
|
49665
49693
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49666
49694
|
"value": {
|
49667
49695
|
"kind": "expression",
|
49668
|
-
"type": "
|
49696
|
+
"type": "string"
|
49669
49697
|
}
|
49670
49698
|
},
|
49671
49699
|
{
|
49672
|
-
"name": "
|
49673
|
-
"description": "
|
49700
|
+
"name": "variant",
|
49701
|
+
"description": "Applies a distinct style to the component.",
|
49674
49702
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49675
|
-
"default": "
|
49703
|
+
"default": "'text'",
|
49676
49704
|
"value": {
|
49677
49705
|
"kind": "expression",
|
49678
|
-
"type": "
|
49706
|
+
"type": "'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
49679
49707
|
}
|
49680
49708
|
},
|
49681
49709
|
{
|
49682
|
-
"name": "
|
49683
|
-
"description": "
|
49710
|
+
"name": "activated",
|
49711
|
+
"description": "Array of ids of activated nodes.",
|
49684
49712
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49685
49713
|
"value": {
|
49686
49714
|
"kind": "expression",
|
49687
|
-
"type": "
|
49715
|
+
"type": "any"
|
49688
49716
|
}
|
49689
49717
|
},
|
49690
49718
|
{
|
@@ -49697,8 +49725,8 @@
|
|
49697
49725
|
}
|
49698
49726
|
},
|
49699
49727
|
{
|
49700
|
-
"name": "
|
49701
|
-
"description": "
|
49728
|
+
"name": "baseColor",
|
49729
|
+
"description": "Sets the color of component when not focused.",
|
49702
49730
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49703
49731
|
"value": {
|
49704
49732
|
"kind": "expression",
|
@@ -49706,12 +49734,13 @@
|
|
49706
49734
|
}
|
49707
49735
|
},
|
49708
49736
|
{
|
49709
|
-
"name": "
|
49710
|
-
"description": "
|
49737
|
+
"name": "slim",
|
49738
|
+
"description": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation.",
|
49711
49739
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49740
|
+
"default": "true",
|
49712
49741
|
"value": {
|
49713
49742
|
"kind": "expression",
|
49714
|
-
"type": "
|
49743
|
+
"type": "boolean"
|
49715
49744
|
}
|
49716
49745
|
},
|
49717
49746
|
{
|
@@ -49725,23 +49754,12 @@
|
|
49725
49754
|
}
|
49726
49755
|
},
|
49727
49756
|
{
|
49728
|
-
"name": "
|
49729
|
-
"description": "
|
49730
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49731
|
-
"default": "'$treeviewExpand'",
|
49732
|
-
"value": {
|
49733
|
-
"kind": "expression",
|
49734
|
-
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
49735
|
-
}
|
49736
|
-
},
|
49737
|
-
{
|
49738
|
-
"name": "collapseIcon",
|
49739
|
-
"description": "Icon to display when the list item is expanded.",
|
49757
|
+
"name": "bgColor",
|
49758
|
+
"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).",
|
49740
49759
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49741
|
-
"default": "'$treeviewCollapse'",
|
49742
49760
|
"value": {
|
49743
49761
|
"kind": "expression",
|
49744
|
-
"type": "
|
49762
|
+
"type": "string"
|
49745
49763
|
}
|
49746
49764
|
},
|
49747
49765
|
{
|
@@ -49755,42 +49773,41 @@
|
|
49755
49773
|
}
|
49756
49774
|
},
|
49757
49775
|
{
|
49758
|
-
"name": "
|
49759
|
-
"description": "
|
49776
|
+
"name": "mandatory",
|
49777
|
+
"description": "Forces at least one item to always be selected (if available).",
|
49760
49778
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49761
|
-
"default": "
|
49779
|
+
"default": "false",
|
49762
49780
|
"value": {
|
49763
49781
|
"kind": "expression",
|
49764
49782
|
"type": "boolean"
|
49765
49783
|
}
|
49766
49784
|
},
|
49767
49785
|
{
|
49768
|
-
"name": "
|
49769
|
-
"description": "
|
49786
|
+
"name": "openOnClick",
|
49787
|
+
"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.",
|
49770
49788
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49771
|
-
"default": "false",
|
49772
49789
|
"value": {
|
49773
49790
|
"kind": "expression",
|
49774
49791
|
"type": "boolean"
|
49775
49792
|
}
|
49776
49793
|
},
|
49777
49794
|
{
|
49778
|
-
"name": "
|
49779
|
-
"description": "
|
49795
|
+
"name": "activeClass",
|
49796
|
+
"description": "The class applied to the component when it is in an active state.",
|
49780
49797
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49781
|
-
"default": "false",
|
49782
49798
|
"value": {
|
49783
49799
|
"kind": "expression",
|
49784
|
-
"type": "
|
49800
|
+
"type": "string"
|
49785
49801
|
}
|
49786
49802
|
},
|
49787
49803
|
{
|
49788
|
-
"name": "
|
49789
|
-
"description": "An array
|
49804
|
+
"name": "items",
|
49805
|
+
"description": "An array of items used to build the treeview.",
|
49790
49806
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49807
|
+
"default": "[]",
|
49791
49808
|
"value": {
|
49792
49809
|
"kind": "expression",
|
49793
|
-
"type": "
|
49810
|
+
"type": "unknown[]"
|
49794
49811
|
}
|
49795
49812
|
},
|
49796
49813
|
{
|
@@ -49803,122 +49820,123 @@
|
|
49803
49820
|
}
|
49804
49821
|
},
|
49805
49822
|
{
|
49806
|
-
"name": "
|
49807
|
-
"description": "
|
49823
|
+
"name": "indeterminateIcon",
|
49824
|
+
"description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`.",
|
49808
49825
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49809
|
-
"default": "
|
49826
|
+
"default": "'$checkboxIndeterminate'",
|
49810
49827
|
"value": {
|
49811
49828
|
"kind": "expression",
|
49812
|
-
"type": "
|
49829
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49813
49830
|
}
|
49814
49831
|
},
|
49815
49832
|
{
|
49816
|
-
"name": "
|
49817
|
-
"description": "
|
49833
|
+
"name": "falseIcon",
|
49834
|
+
"description": "The icon used when inactive.",
|
49818
49835
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49819
49836
|
"value": {
|
49820
49837
|
"kind": "expression",
|
49821
|
-
"type": "|
|
49838
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49822
49839
|
}
|
49823
49840
|
},
|
49824
49841
|
{
|
49825
|
-
"name": "
|
49826
|
-
"description": "
|
49842
|
+
"name": "trueIcon",
|
49843
|
+
"description": "The icon used when active.",
|
49827
49844
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49828
|
-
"default": "'single-leaf'",
|
49829
49845
|
"value": {
|
49830
49846
|
"kind": "expression",
|
49831
|
-
"type": "|
|
49847
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49832
49848
|
}
|
49833
49849
|
},
|
49834
49850
|
{
|
49835
|
-
"name": "
|
49836
|
-
"description": "
|
49851
|
+
"name": "valueComparator",
|
49852
|
+
"description": "Apply a custom comparison algorithm to compare **model-value** and values contains in the **items** prop.",
|
49837
49853
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49838
49854
|
"value": {
|
49839
49855
|
"kind": "expression",
|
49840
|
-
"type": "
|
49856
|
+
"type": "(a: any, b: any) => boolean"
|
49841
49857
|
}
|
49842
49858
|
},
|
49843
49859
|
{
|
49844
|
-
"name": "
|
49845
|
-
"description": "
|
49860
|
+
"name": "filterMode",
|
49861
|
+
"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.",
|
49846
49862
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49863
|
+
"default": "'intersection'",
|
49847
49864
|
"value": {
|
49848
49865
|
"kind": "expression",
|
49849
|
-
"type": "
|
49866
|
+
"type": "'every' | 'some' | 'union' | 'intersection'"
|
49850
49867
|
}
|
49851
49868
|
},
|
49852
49869
|
{
|
49853
|
-
"name": "
|
49854
|
-
"description": "
|
49870
|
+
"name": "noFilter",
|
49871
|
+
"description": "Disables all item filtering.",
|
49855
49872
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49873
|
+
"default": "false",
|
49856
49874
|
"value": {
|
49857
49875
|
"kind": "expression",
|
49858
|
-
"type": "
|
49876
|
+
"type": "boolean"
|
49859
49877
|
}
|
49860
49878
|
},
|
49861
49879
|
{
|
49862
|
-
"name": "
|
49863
|
-
"description": "
|
49880
|
+
"name": "customFilter",
|
49881
|
+
"description": "Function used to filter items, called for each filterable key on each item in the list. The first argument is the filterable value from the item, the second is the search term, and the third is the internal item object. The function should return true if the item should be included in the filtered list, or the index of the match in the value if it should be included with the result highlighted.",
|
49864
49882
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49865
49883
|
"value": {
|
49866
49884
|
"kind": "expression",
|
49867
|
-
"type": "
|
49885
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.tsx#L22-L22\" target=\"_blank\">FilterFunction</a>"
|
49868
49886
|
}
|
49869
49887
|
},
|
49870
49888
|
{
|
49871
|
-
"name": "
|
49872
|
-
"description": "
|
49889
|
+
"name": "customKeyFilter",
|
49890
|
+
"description": "Function used on specific keys within the item object. `customFilter` is skipped for columns with `customKeyFilter` specified.",
|
49873
49891
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49874
49892
|
"value": {
|
49875
49893
|
"kind": "expression",
|
49876
|
-
"type": "
|
49894
|
+
"type": "unknown"
|
49877
49895
|
}
|
49878
49896
|
},
|
49879
49897
|
{
|
49880
|
-
"name": "
|
49881
|
-
"description": "
|
49898
|
+
"name": "filterKeys",
|
49899
|
+
"description": "Array of specific keys to filter on the item.",
|
49882
49900
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49883
|
-
"default": "'title'",
|
49901
|
+
"default": "['title']",
|
49884
49902
|
"value": {
|
49885
49903
|
"kind": "expression",
|
49886
|
-
"type": "
|
49904
|
+
"type": "string | string[]"
|
49887
49905
|
}
|
49888
49906
|
},
|
49889
49907
|
{
|
49890
|
-
"name": "
|
49891
|
-
"description": "
|
49908
|
+
"name": "expandIcon",
|
49909
|
+
"description": "Icon used to indicate that a node can be expanded.",
|
49892
49910
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49893
|
-
"default": "'
|
49911
|
+
"default": "'$treeviewExpand'",
|
49894
49912
|
"value": {
|
49895
49913
|
"kind": "expression",
|
49896
|
-
"type": "
|
49914
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49897
49915
|
}
|
49898
49916
|
},
|
49899
49917
|
{
|
49900
|
-
"name": "
|
49901
|
-
"description": "
|
49918
|
+
"name": "collapseIcon",
|
49919
|
+
"description": "Icon to display when the list item is expanded.",
|
49902
49920
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49903
|
-
"default": "'
|
49921
|
+
"default": "'$treeviewCollapse'",
|
49904
49922
|
"value": {
|
49905
49923
|
"kind": "expression",
|
49906
|
-
"type": "
|
49924
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
49907
49925
|
}
|
49908
49926
|
},
|
49909
49927
|
{
|
49910
|
-
"name": "
|
49911
|
-
"description": "
|
49928
|
+
"name": "activatable",
|
49929
|
+
"description": "Allows user to mark a node as active by clicking on it.",
|
49912
49930
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49913
|
-
"default": "
|
49931
|
+
"default": "false",
|
49914
49932
|
"value": {
|
49915
49933
|
"kind": "expression",
|
49916
|
-
"type": "
|
49934
|
+
"type": "boolean"
|
49917
49935
|
}
|
49918
49936
|
},
|
49919
49937
|
{
|
49920
|
-
"name": "
|
49921
|
-
"description": "
|
49938
|
+
"name": "selectable",
|
49939
|
+
"description": "Will render a checkbox next to each node allowing them to be selected. Additionally, the **[openOnClick](/api/v-treeview/#props-open-on-click)** property will be applied internally.",
|
49922
49940
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49923
49941
|
"default": "false",
|
49924
49942
|
"value": {
|
@@ -49927,64 +49945,76 @@
|
|
49927
49945
|
}
|
49928
49946
|
},
|
49929
49947
|
{
|
49930
|
-
"name": "
|
49931
|
-
"description": "
|
49948
|
+
"name": "opened",
|
49949
|
+
"description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`.",
|
49932
49950
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49933
49951
|
"value": {
|
49934
49952
|
"kind": "expression",
|
49935
|
-
"type": "
|
49953
|
+
"type": "any"
|
49936
49954
|
}
|
49937
49955
|
},
|
49938
49956
|
{
|
49939
|
-
"name": "
|
49940
|
-
"description": "
|
49957
|
+
"name": "activeStrategy",
|
49958
|
+
"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.",
|
49941
49959
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49942
|
-
"default": "'text'",
|
49943
49960
|
"value": {
|
49944
49961
|
"kind": "expression",
|
49945
|
-
"type": "
|
49962
|
+
"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>)"
|
49946
49963
|
}
|
49947
49964
|
},
|
49948
49965
|
{
|
49949
|
-
"name": "
|
49950
|
-
"description": "
|
49966
|
+
"name": "selectStrategy",
|
49967
|
+
"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.",
|
49951
49968
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49969
|
+
"default": "'single-leaf'",
|
49952
49970
|
"value": {
|
49953
49971
|
"kind": "expression",
|
49954
|
-
"type": "boolean"
|
49972
|
+
"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>)"
|
49955
49973
|
}
|
49956
49974
|
},
|
49957
49975
|
{
|
49958
|
-
"name": "
|
49959
|
-
"description": "
|
49976
|
+
"name": "itemTitle",
|
49977
|
+
"description": "Property on supplied `items` that contains its title.",
|
49960
49978
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49961
|
-
"default": "
|
49979
|
+
"default": "'title'",
|
49962
49980
|
"value": {
|
49963
49981
|
"kind": "expression",
|
49964
|
-
"type": "
|
49982
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
49965
49983
|
}
|
49966
49984
|
},
|
49967
49985
|
{
|
49968
|
-
"name": "
|
49969
|
-
"description": "
|
49986
|
+
"name": "itemValue",
|
49987
|
+
"description": "Property on supplied `items` that contains its value.",
|
49970
49988
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49989
|
+
"default": "'value'",
|
49971
49990
|
"value": {
|
49972
49991
|
"kind": "expression",
|
49973
|
-
"type": "
|
49992
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
49974
49993
|
}
|
49975
49994
|
},
|
49976
49995
|
{
|
49977
|
-
"name": "
|
49978
|
-
"description": "
|
49996
|
+
"name": "itemChildren",
|
49997
|
+
"description": "Property on supplied `items` that contains its children.",
|
49979
49998
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49999
|
+
"default": "'children'",
|
49980
50000
|
"value": {
|
49981
50001
|
"kind": "expression",
|
49982
|
-
"type": "
|
50002
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
49983
50003
|
}
|
49984
50004
|
},
|
49985
50005
|
{
|
49986
|
-
"name": "
|
49987
|
-
"description": "
|
50006
|
+
"name": "itemProps",
|
50007
|
+
"description": "Props object that will be applied to each item component. `true` will treat the original object as raw props and pass it directly to the component.",
|
50008
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
50009
|
+
"default": "'props'",
|
50010
|
+
"value": {
|
50011
|
+
"kind": "expression",
|
50012
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
50013
|
+
}
|
50014
|
+
},
|
50015
|
+
{
|
50016
|
+
"name": "returnObject",
|
50017
|
+
"description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key.",
|
49988
50018
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49989
50019
|
"default": "false",
|
49990
50020
|
"value": {
|
@@ -49993,23 +50023,33 @@
|
|
49993
50023
|
}
|
49994
50024
|
},
|
49995
50025
|
{
|
49996
|
-
"name": "
|
49997
|
-
"description": "
|
50026
|
+
"name": "fluid",
|
50027
|
+
"description": "Removes indentation from nested items.",
|
49998
50028
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
49999
|
-
"default": "
|
50029
|
+
"default": "false",
|
50000
50030
|
"value": {
|
50001
50031
|
"kind": "expression",
|
50002
|
-
"type": "
|
50032
|
+
"type": "boolean"
|
50003
50033
|
}
|
50004
50034
|
},
|
50005
50035
|
{
|
50006
|
-
"name": "
|
50007
|
-
"description": "
|
50036
|
+
"name": "openAll",
|
50037
|
+
"description": "When `true` will cause all branch nodes to be opened when component is mounted.",
|
50008
50038
|
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
50009
|
-
"default": "
|
50039
|
+
"default": "false",
|
50010
50040
|
"value": {
|
50011
50041
|
"kind": "expression",
|
50012
|
-
"type": "
|
50042
|
+
"type": "boolean"
|
50043
|
+
}
|
50044
|
+
},
|
50045
|
+
{
|
50046
|
+
"name": "loadingIcon",
|
50047
|
+
"description": "Icon used when node is in a loading state.",
|
50048
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeview#props",
|
50049
|
+
"default": "'$loading'",
|
50050
|
+
"value": {
|
50051
|
+
"kind": "expression",
|
50052
|
+
"type": "string"
|
50013
50053
|
}
|
50014
50054
|
},
|
50015
50055
|
{
|
@@ -50101,13 +50141,13 @@
|
|
50101
50141
|
],
|
50102
50142
|
"slots": [
|
50103
50143
|
{
|
50104
|
-
"name": "
|
50105
|
-
"description": "
|
50144
|
+
"name": "prepend",
|
50145
|
+
"description": "Prepends content before label.",
|
50106
50146
|
"doc-url": "https://vuetifyjs.com/api/v-treeview#slots"
|
50107
50147
|
},
|
50108
50148
|
{
|
50109
|
-
"name": "
|
50110
|
-
"description": "
|
50149
|
+
"name": "title",
|
50150
|
+
"description": "Slot for the component's title content.",
|
50111
50151
|
"doc-url": "https://vuetifyjs.com/api/v-treeview#slots"
|
50112
50152
|
},
|
50113
50153
|
{
|
@@ -50185,36 +50225,36 @@
|
|
50185
50225
|
"doc-url": "https://vuetifyjs.com/api/v-treeview-group",
|
50186
50226
|
"attributes": [
|
50187
50227
|
{
|
50188
|
-
"name": "
|
50189
|
-
"description": "Specify a
|
50228
|
+
"name": "tag",
|
50229
|
+
"description": "Specify a custom tag used on the root element.",
|
50190
50230
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50231
|
+
"default": "'div'",
|
50191
50232
|
"value": {
|
50192
50233
|
"kind": "expression",
|
50193
|
-
"type": "string"
|
50234
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
50194
50235
|
}
|
50195
50236
|
},
|
50196
50237
|
{
|
50197
|
-
"name": "
|
50198
|
-
"description": "Specify a
|
50238
|
+
"name": "title",
|
50239
|
+
"description": "Specify a title text for the component.",
|
50199
50240
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50200
|
-
"default": "'div'",
|
50201
50241
|
"value": {
|
50202
50242
|
"kind": "expression",
|
50203
|
-
"type": "string
|
50243
|
+
"type": "string"
|
50204
50244
|
}
|
50205
50245
|
},
|
50206
50246
|
{
|
50207
|
-
"name": "
|
50208
|
-
"description": "
|
50247
|
+
"name": "value",
|
50248
|
+
"description": "Expands / Collapse the list-group.",
|
50209
50249
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50210
50250
|
"value": {
|
50211
50251
|
"kind": "expression",
|
50212
|
-
"type": "
|
50252
|
+
"type": "any"
|
50213
50253
|
}
|
50214
50254
|
},
|
50215
50255
|
{
|
50216
|
-
"name": "
|
50217
|
-
"description": "
|
50256
|
+
"name": "color",
|
50257
|
+
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors).",
|
50218
50258
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50219
50259
|
"value": {
|
50220
50260
|
"kind": "expression",
|
@@ -50231,50 +50271,50 @@
|
|
50231
50271
|
}
|
50232
50272
|
},
|
50233
50273
|
{
|
50234
|
-
"name": "
|
50235
|
-
"description": "
|
50274
|
+
"name": "activeColor",
|
50275
|
+
"description": "The applied color when the component is in an active state.",
|
50236
50276
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50237
50277
|
"value": {
|
50238
50278
|
"kind": "expression",
|
50239
|
-
"type": "
|
50279
|
+
"type": "string"
|
50240
50280
|
}
|
50241
50281
|
},
|
50242
50282
|
{
|
50243
|
-
"name": "
|
50244
|
-
"description": "
|
50283
|
+
"name": "expandIcon",
|
50284
|
+
"description": "Icon to display when the list item is collapsed.",
|
50245
50285
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50286
|
+
"default": "'$treeviewExpand'",
|
50246
50287
|
"value": {
|
50247
50288
|
"kind": "expression",
|
50248
|
-
"type": "| string\n | (
|
50289
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50249
50290
|
}
|
50250
50291
|
},
|
50251
50292
|
{
|
50252
|
-
"name": "
|
50253
|
-
"description": "
|
50293
|
+
"name": "collapseIcon",
|
50294
|
+
"description": "Icon to display when the list item is expanded.",
|
50254
50295
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50296
|
+
"default": "'$treeviewCollapse'",
|
50255
50297
|
"value": {
|
50256
50298
|
"kind": "expression",
|
50257
|
-
"type": "any"
|
50299
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50258
50300
|
}
|
50259
50301
|
},
|
50260
50302
|
{
|
50261
|
-
"name": "
|
50262
|
-
"description": "
|
50303
|
+
"name": "appendIcon",
|
50304
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
50263
50305
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50264
|
-
"default": "'$treeviewExpand'",
|
50265
50306
|
"value": {
|
50266
50307
|
"kind": "expression",
|
50267
|
-
"type": "| string\n | (
|
50308
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50268
50309
|
}
|
50269
50310
|
},
|
50270
50311
|
{
|
50271
|
-
"name": "
|
50272
|
-
"description": "
|
50312
|
+
"name": "prependIcon",
|
50313
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
50273
50314
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewGroup#props",
|
50274
|
-
"default": "'$treeviewCollapse'",
|
50275
50315
|
"value": {
|
50276
50316
|
"kind": "expression",
|
50277
|
-
"type": "| string\n | (
|
50317
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50278
50318
|
}
|
50279
50319
|
},
|
50280
50320
|
{
|
@@ -50325,15 +50365,6 @@
|
|
50325
50365
|
"description": "",
|
50326
50366
|
"doc-url": "https://vuetifyjs.com/api/v-treeview-item",
|
50327
50367
|
"attributes": [
|
50328
|
-
{
|
50329
|
-
"name": "title",
|
50330
|
-
"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.",
|
50331
|
-
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50332
|
-
"value": {
|
50333
|
-
"kind": "expression",
|
50334
|
-
"type": "string | number | boolean"
|
50335
|
-
}
|
50336
|
-
},
|
50337
50368
|
{
|
50338
50369
|
"name": "replace",
|
50339
50370
|
"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.",
|
@@ -50354,64 +50385,74 @@
|
|
50354
50385
|
}
|
50355
50386
|
},
|
50356
50387
|
{
|
50357
|
-
"name": "
|
50358
|
-
"description": "
|
50388
|
+
"name": "tag",
|
50389
|
+
"description": "Specify a custom tag used on the root element.",
|
50390
|
+
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50391
|
+
"default": "'div'",
|
50392
|
+
"value": {
|
50393
|
+
"kind": "expression",
|
50394
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
50395
|
+
}
|
50396
|
+
},
|
50397
|
+
{
|
50398
|
+
"name": "nav",
|
50399
|
+
"description": "Reduces the width of v-list-item takes and adds a border radius.",
|
50359
50400
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50360
50401
|
"default": "false",
|
50361
50402
|
"value": {
|
50362
50403
|
"kind": "expression",
|
50363
|
-
"type": "
|
50404
|
+
"type": "boolean"
|
50364
50405
|
}
|
50365
50406
|
},
|
50366
50407
|
{
|
50367
|
-
"name": "
|
50368
|
-
"description": "
|
50408
|
+
"name": "title",
|
50409
|
+
"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.",
|
50369
50410
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50370
|
-
"default": "'default'",
|
50371
50411
|
"value": {
|
50372
50412
|
"kind": "expression",
|
50373
|
-
"type": "
|
50413
|
+
"type": "string | number | boolean"
|
50374
50414
|
}
|
50375
50415
|
},
|
50376
50416
|
{
|
50377
|
-
"name": "
|
50378
|
-
"description": "
|
50417
|
+
"name": "theme",
|
50418
|
+
"description": "Specify a theme for this component and all of its children.",
|
50379
50419
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50380
50420
|
"value": {
|
50381
50421
|
"kind": "expression",
|
50382
|
-
"type": "string
|
50422
|
+
"type": "string"
|
50383
50423
|
}
|
50384
50424
|
},
|
50385
50425
|
{
|
50386
|
-
"name": "
|
50387
|
-
"description": "
|
50426
|
+
"name": "value",
|
50427
|
+
"description": "The value used for selection. Obtained from [`v-list`](/api/v-list)'s `v-model:selected` when the item is selected.",
|
50388
50428
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50389
50429
|
"value": {
|
50390
50430
|
"kind": "expression",
|
50391
|
-
"type": "
|
50431
|
+
"type": "any"
|
50392
50432
|
}
|
50393
50433
|
},
|
50394
50434
|
{
|
50395
|
-
"name": "
|
50396
|
-
"description": "
|
50435
|
+
"name": "color",
|
50436
|
+
"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),",
|
50397
50437
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50398
50438
|
"value": {
|
50399
50439
|
"kind": "expression",
|
50400
|
-
"type": "string
|
50440
|
+
"type": "string"
|
50401
50441
|
}
|
50402
50442
|
},
|
50403
50443
|
{
|
50404
|
-
"name": "
|
50405
|
-
"description": "
|
50444
|
+
"name": "density",
|
50445
|
+
"description": "Adjusts the vertical height used by the component.",
|
50406
50446
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50447
|
+
"default": "'default'",
|
50407
50448
|
"value": {
|
50408
50449
|
"kind": "expression",
|
50409
|
-
"type": "
|
50450
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
50410
50451
|
}
|
50411
50452
|
},
|
50412
50453
|
{
|
50413
|
-
"name": "
|
50414
|
-
"description": "Sets the
|
50454
|
+
"name": "height",
|
50455
|
+
"description": "Sets the height for the component.",
|
50415
50456
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50416
50457
|
"value": {
|
50417
50458
|
"kind": "expression",
|
@@ -50419,12 +50460,13 @@
|
|
50419
50460
|
}
|
50420
50461
|
},
|
50421
50462
|
{
|
50422
|
-
"name": "
|
50423
|
-
"description": "
|
50463
|
+
"name": "border",
|
50464
|
+
"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).",
|
50424
50465
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50466
|
+
"default": "false",
|
50425
50467
|
"value": {
|
50426
50468
|
"kind": "expression",
|
50427
|
-
"type": "string | number"
|
50469
|
+
"type": "string | number | boolean"
|
50428
50470
|
}
|
50429
50471
|
},
|
50430
50472
|
{
|
@@ -50456,27 +50498,27 @@
|
|
50456
50498
|
}
|
50457
50499
|
},
|
50458
50500
|
{
|
50459
|
-
"name": "
|
50460
|
-
"description": "
|
50501
|
+
"name": "exact",
|
50502
|
+
"description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation.",
|
50461
50503
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50462
|
-
"default": "
|
50504
|
+
"default": "false",
|
50463
50505
|
"value": {
|
50464
50506
|
"kind": "expression",
|
50465
|
-
"type": "
|
50507
|
+
"type": "boolean"
|
50466
50508
|
}
|
50467
50509
|
},
|
50468
50510
|
{
|
50469
|
-
"name": "
|
50470
|
-
"description": "Specify a
|
50511
|
+
"name": "subtitle",
|
50512
|
+
"description": "Specify a subtitle text for the component.",
|
50471
50513
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50472
50514
|
"value": {
|
50473
50515
|
"kind": "expression",
|
50474
|
-
"type": "string"
|
50516
|
+
"type": "string | number | boolean"
|
50475
50517
|
}
|
50476
50518
|
},
|
50477
50519
|
{
|
50478
|
-
"name": "
|
50479
|
-
"description": "
|
50520
|
+
"name": "baseColor",
|
50521
|
+
"description": "Sets the color of component when not focused.",
|
50480
50522
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50481
50523
|
"value": {
|
50482
50524
|
"kind": "expression",
|
@@ -50484,173 +50526,171 @@
|
|
50484
50526
|
}
|
50485
50527
|
},
|
50486
50528
|
{
|
50487
|
-
"name": "
|
50488
|
-
"description": "
|
50529
|
+
"name": "activeColor",
|
50530
|
+
"description": "The applied color when the component is in an active state.",
|
50489
50531
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50490
|
-
"default": "'text'",
|
50491
50532
|
"value": {
|
50492
50533
|
"kind": "expression",
|
50493
|
-
"type": "
|
50534
|
+
"type": "string"
|
50494
50535
|
}
|
50495
50536
|
},
|
50496
50537
|
{
|
50497
|
-
"name": "
|
50498
|
-
"description": "
|
50538
|
+
"name": "activeClass",
|
50539
|
+
"description": "The class applied to the component when it matches the current route. Find more information about the [active-class prop](https://router.vuejs.org/api/#active-class) on the [vue-router](https://router.vuejs.org/) documentation.",
|
50499
50540
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50500
50541
|
"value": {
|
50501
50542
|
"kind": "expression",
|
50502
|
-
"type": "
|
50543
|
+
"type": "string"
|
50503
50544
|
}
|
50504
50545
|
},
|
50505
50546
|
{
|
50506
|
-
"name": "
|
50507
|
-
"description": "
|
50547
|
+
"name": "disabled",
|
50548
|
+
"description": "Removes the ability to click or target the component.",
|
50508
50549
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50550
|
+
"default": "false",
|
50509
50551
|
"value": {
|
50510
50552
|
"kind": "expression",
|
50511
|
-
"type": "
|
50553
|
+
"type": "boolean"
|
50512
50554
|
}
|
50513
50555
|
},
|
50514
50556
|
{
|
50515
|
-
"name": "
|
50516
|
-
"description": "
|
50557
|
+
"name": "lines",
|
50558
|
+
"description": "The line declaration specifies the minimum height of the item and can also be controlled from v-list with the same prop.",
|
50517
50559
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50560
|
+
"default": "false",
|
50518
50561
|
"value": {
|
50519
50562
|
"kind": "expression",
|
50520
|
-
"type": "
|
50563
|
+
"type": "false | 'one' | 'two' | 'three'"
|
50521
50564
|
}
|
50522
50565
|
},
|
50523
50566
|
{
|
50524
|
-
"name": "
|
50525
|
-
"description": "
|
50567
|
+
"name": "slim",
|
50568
|
+
"description": "Reduces the vertical padding or height of the v-treeview-item, making it more compact.",
|
50526
50569
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50570
|
+
"default": "true",
|
50527
50571
|
"value": {
|
50528
50572
|
"kind": "expression",
|
50529
|
-
"type": "
|
50573
|
+
"type": "boolean"
|
50530
50574
|
}
|
50531
50575
|
},
|
50532
50576
|
{
|
50533
|
-
"name": "
|
50534
|
-
"description": "
|
50577
|
+
"name": "maxHeight",
|
50578
|
+
"description": "Sets the maximum height for the component.",
|
50535
50579
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50536
50580
|
"value": {
|
50537
50581
|
"kind": "expression",
|
50538
|
-
"type": "
|
50582
|
+
"type": "string | number"
|
50539
50583
|
}
|
50540
50584
|
},
|
50541
50585
|
{
|
50542
|
-
"name": "
|
50543
|
-
"description": "
|
50586
|
+
"name": "maxWidth",
|
50587
|
+
"description": "Sets the maximum width for the component.",
|
50544
50588
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50545
|
-
"default": "true",
|
50546
50589
|
"value": {
|
50547
50590
|
"kind": "expression",
|
50548
|
-
"type": "
|
50591
|
+
"type": "string | number"
|
50549
50592
|
}
|
50550
50593
|
},
|
50551
50594
|
{
|
50552
|
-
"name": "
|
50553
|
-
"description": "
|
50595
|
+
"name": "minHeight",
|
50596
|
+
"description": "Sets the minimum height for the component.",
|
50554
50597
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50555
|
-
"default": "true",
|
50556
50598
|
"value": {
|
50557
50599
|
"kind": "expression",
|
50558
|
-
"type": "
|
50600
|
+
"type": "string | number"
|
50559
50601
|
}
|
50560
50602
|
},
|
50561
50603
|
{
|
50562
|
-
"name": "
|
50563
|
-
"description": "
|
50604
|
+
"name": "minWidth",
|
50605
|
+
"description": "Sets the minimum width for the component.",
|
50564
50606
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50565
50607
|
"value": {
|
50566
50608
|
"kind": "expression",
|
50567
|
-
"type": "
|
50609
|
+
"type": "string | number"
|
50568
50610
|
}
|
50569
50611
|
},
|
50570
50612
|
{
|
50571
|
-
"name": "
|
50572
|
-
"description": "
|
50613
|
+
"name": "width",
|
50614
|
+
"description": "Sets the width for the component.",
|
50573
50615
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50574
|
-
"default": "false",
|
50575
50616
|
"value": {
|
50576
50617
|
"kind": "expression",
|
50577
|
-
"type": "
|
50618
|
+
"type": "string | number"
|
50578
50619
|
}
|
50579
50620
|
},
|
50580
50621
|
{
|
50581
|
-
"name": "
|
50582
|
-
"description": "
|
50622
|
+
"name": "variant",
|
50623
|
+
"description": "Applies a distinct style to the component.",
|
50583
50624
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50584
|
-
"default": "
|
50625
|
+
"default": "'text'",
|
50585
50626
|
"value": {
|
50586
50627
|
"kind": "expression",
|
50587
|
-
"type": "
|
50628
|
+
"type": "'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain'"
|
50588
50629
|
}
|
50589
50630
|
},
|
50590
50631
|
{
|
50591
|
-
"name": "
|
50592
|
-
"description": "
|
50632
|
+
"name": "appendIcon",
|
50633
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
50593
50634
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50594
50635
|
"value": {
|
50595
50636
|
"kind": "expression",
|
50596
|
-
"type": "string"
|
50637
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50597
50638
|
}
|
50598
50639
|
},
|
50599
50640
|
{
|
50600
|
-
"name": "
|
50601
|
-
"description": "
|
50641
|
+
"name": "prependIcon",
|
50642
|
+
"description": "Creates a [v-icon](/api/v-icon/) component in the **prepend** slot before default content.",
|
50602
50643
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50603
|
-
"default": "false",
|
50604
50644
|
"value": {
|
50605
50645
|
"kind": "expression",
|
50606
|
-
"type": "
|
50646
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50607
50647
|
}
|
50608
50648
|
},
|
50609
50649
|
{
|
50610
|
-
"name": "
|
50611
|
-
"description": "
|
50650
|
+
"name": "active",
|
50651
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
50612
50652
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50613
50653
|
"value": {
|
50614
50654
|
"kind": "expression",
|
50615
|
-
"type": "
|
50655
|
+
"type": "boolean"
|
50616
50656
|
}
|
50617
50657
|
},
|
50618
50658
|
{
|
50619
|
-
"name": "
|
50620
|
-
"description": "
|
50659
|
+
"name": "loading",
|
50660
|
+
"description": "Places the v-treeview-item into a loading state.",
|
50621
50661
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50622
50662
|
"default": "false",
|
50623
50663
|
"value": {
|
50624
50664
|
"kind": "expression",
|
50625
|
-
"type": "
|
50665
|
+
"type": "boolean"
|
50626
50666
|
}
|
50627
50667
|
},
|
50628
50668
|
{
|
50629
|
-
"name": "
|
50630
|
-
"description": "
|
50669
|
+
"name": "href",
|
50670
|
+
"description": "Designates the component as anchor and applies the **href** attribute.",
|
50631
50671
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50632
|
-
"default": "false",
|
50633
50672
|
"value": {
|
50634
50673
|
"kind": "expression",
|
50635
|
-
"type": "
|
50674
|
+
"type": "string"
|
50636
50675
|
}
|
50637
50676
|
},
|
50638
50677
|
{
|
50639
|
-
"name": "
|
50640
|
-
"description": "
|
50678
|
+
"name": "ripple",
|
50679
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
50641
50680
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50681
|
+
"default": "true",
|
50642
50682
|
"value": {
|
50643
50683
|
"kind": "expression",
|
50644
|
-
"type": "string"
|
50684
|
+
"type": "boolean | { class: string }"
|
50645
50685
|
}
|
50646
50686
|
},
|
50647
50687
|
{
|
50648
|
-
"name": "
|
50649
|
-
"description": "
|
50688
|
+
"name": "toggleIcon",
|
50689
|
+
"description": "Allows customization of the icon used to toggle the expansion and collapse of treeview branches.",
|
50650
50690
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50651
50691
|
"value": {
|
50652
50692
|
"kind": "expression",
|
50653
|
-
"type": "string |
|
50693
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
50654
50694
|
}
|
50655
50695
|
},
|
50656
50696
|
{
|
@@ -50672,12 +50712,12 @@
|
|
50672
50712
|
}
|
50673
50713
|
},
|
50674
50714
|
{
|
50675
|
-
"name": "
|
50676
|
-
"description": "
|
50715
|
+
"name": "to",
|
50716
|
+
"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.",
|
50677
50717
|
"doc-url": "https://vuetifyjs.com/api/VTreeviewItem#props",
|
50678
50718
|
"value": {
|
50679
50719
|
"kind": "expression",
|
50680
|
-
"type": "
|
50720
|
+
"type": "string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric"
|
50681
50721
|
}
|
50682
50722
|
}
|
50683
50723
|
],
|
@@ -50825,12 +50865,12 @@
|
|
50825
50865
|
"doc-url": "https://vuetifyjs.com/api/v-validation",
|
50826
50866
|
"attributes": [
|
50827
50867
|
{
|
50828
|
-
"name": "
|
50829
|
-
"description": "
|
50868
|
+
"name": "modelValue",
|
50869
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
50830
50870
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50831
50871
|
"value": {
|
50832
50872
|
"kind": "expression",
|
50833
|
-
"type": "
|
50873
|
+
"type": "unknown"
|
50834
50874
|
}
|
50835
50875
|
},
|
50836
50876
|
{
|
@@ -50844,8 +50884,8 @@
|
|
50844
50884
|
}
|
50845
50885
|
},
|
50846
50886
|
{
|
50847
|
-
"name": "
|
50848
|
-
"description": "Sets the
|
50887
|
+
"name": "name",
|
50888
|
+
"description": "Sets the component's name attribute.",
|
50849
50889
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50850
50890
|
"value": {
|
50851
50891
|
"kind": "expression",
|
@@ -50853,12 +50893,13 @@
|
|
50853
50893
|
}
|
50854
50894
|
},
|
50855
50895
|
{
|
50856
|
-
"name": "
|
50857
|
-
"description": "
|
50896
|
+
"name": "readonly",
|
50897
|
+
"description": "Puts input in readonly state.",
|
50858
50898
|
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50899
|
+
"default": "null",
|
50859
50900
|
"value": {
|
50860
50901
|
"kind": "expression",
|
50861
|
-
"type": "
|
50902
|
+
"type": "boolean"
|
50862
50903
|
}
|
50863
50904
|
},
|
50864
50905
|
{
|
@@ -50871,6 +50912,15 @@
|
|
50871
50912
|
"type": "boolean"
|
50872
50913
|
}
|
50873
50914
|
},
|
50915
|
+
{
|
50916
|
+
"name": "label",
|
50917
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
50918
|
+
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50919
|
+
"value": {
|
50920
|
+
"kind": "expression",
|
50921
|
+
"type": "string"
|
50922
|
+
}
|
50923
|
+
},
|
50874
50924
|
{
|
50875
50925
|
"name": "errorMessages",
|
50876
50926
|
"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.",
|
@@ -50891,16 +50941,6 @@
|
|
50891
50941
|
"type": "string | number"
|
50892
50942
|
}
|
50893
50943
|
},
|
50894
|
-
{
|
50895
|
-
"name": "readonly",
|
50896
|
-
"description": "Puts input in readonly state.",
|
50897
|
-
"doc-url": "https://vuetifyjs.com/api/VValidation#props",
|
50898
|
-
"default": "null",
|
50899
|
-
"value": {
|
50900
|
-
"kind": "expression",
|
50901
|
-
"type": "boolean"
|
50902
|
-
}
|
50903
|
-
},
|
50904
50944
|
{
|
50905
50945
|
"name": "rules",
|
50906
50946
|
"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`.",
|
@@ -51031,16 +51071,6 @@
|
|
51031
51071
|
"description": "",
|
51032
51072
|
"doc-url": "https://vuetifyjs.com/api/v-virtual-scroll",
|
51033
51073
|
"attributes": [
|
51034
|
-
{
|
51035
|
-
"name": "items",
|
51036
|
-
"description": "The array of items to display.",
|
51037
|
-
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51038
|
-
"default": "[]",
|
51039
|
-
"value": {
|
51040
|
-
"kind": "expression",
|
51041
|
-
"type": "unknown[]"
|
51042
|
-
}
|
51043
|
-
},
|
51044
51074
|
{
|
51045
51075
|
"name": "height",
|
51046
51076
|
"description": "Height of the component as a css value/",
|
@@ -51095,6 +51125,26 @@
|
|
51095
51125
|
"type": "string | number"
|
51096
51126
|
}
|
51097
51127
|
},
|
51128
|
+
{
|
51129
|
+
"name": "items",
|
51130
|
+
"description": "The array of items to display.",
|
51131
|
+
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51132
|
+
"default": "[]",
|
51133
|
+
"value": {
|
51134
|
+
"kind": "expression",
|
51135
|
+
"type": "unknown[]"
|
51136
|
+
}
|
51137
|
+
},
|
51138
|
+
{
|
51139
|
+
"name": "renderless",
|
51140
|
+
"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;`",
|
51141
|
+
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51142
|
+
"default": "false",
|
51143
|
+
"value": {
|
51144
|
+
"kind": "expression",
|
51145
|
+
"type": "boolean"
|
51146
|
+
}
|
51147
|
+
},
|
51098
51148
|
{
|
51099
51149
|
"name": "itemHeight",
|
51100
51150
|
"description": "Height in pixels of each item to display.",
|
@@ -51114,16 +51164,6 @@
|
|
51114
51164
|
"kind": "expression",
|
51115
51165
|
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L72-L76\" target=\"_blank\">SelectItemKey</a>"
|
51116
51166
|
}
|
51117
|
-
},
|
51118
|
-
{
|
51119
|
-
"name": "renderless",
|
51120
|
-
"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;`",
|
51121
|
-
"doc-url": "https://vuetifyjs.com/api/VVirtualScroll#props",
|
51122
|
-
"default": "false",
|
51123
|
-
"value": {
|
51124
|
-
"kind": "expression",
|
51125
|
-
"type": "boolean"
|
51126
|
-
}
|
51127
51167
|
}
|
51128
51168
|
],
|
51129
51169
|
"events": [],
|
@@ -51149,12 +51189,13 @@
|
|
51149
51189
|
"doc-url": "https://vuetifyjs.com/api/v-window",
|
51150
51190
|
"attributes": [
|
51151
51191
|
{
|
51152
|
-
"name": "
|
51153
|
-
"description": "
|
51192
|
+
"name": "tag",
|
51193
|
+
"description": "Specify a custom tag used on the root element.",
|
51154
51194
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51195
|
+
"default": "'div'",
|
51155
51196
|
"value": {
|
51156
51197
|
"kind": "expression",
|
51157
|
-
"type": "
|
51198
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
51158
51199
|
}
|
51159
51200
|
},
|
51160
51201
|
{
|
@@ -51168,22 +51209,21 @@
|
|
51168
51209
|
}
|
51169
51210
|
},
|
51170
51211
|
{
|
51171
|
-
"name": "
|
51172
|
-
"description": "Specify a
|
51212
|
+
"name": "theme",
|
51213
|
+
"description": "Specify a theme for this component and all of its children.",
|
51173
51214
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51174
|
-
"default": "'div'",
|
51175
51215
|
"value": {
|
51176
51216
|
"kind": "expression",
|
51177
|
-
"type": "string
|
51217
|
+
"type": "string"
|
51178
51218
|
}
|
51179
51219
|
},
|
51180
51220
|
{
|
51181
|
-
"name": "
|
51182
|
-
"description": "
|
51221
|
+
"name": "modelValue",
|
51222
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
51183
51223
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51184
51224
|
"value": {
|
51185
51225
|
"kind": "expression",
|
51186
|
-
"type": "
|
51226
|
+
"type": "unknown"
|
51187
51227
|
}
|
51188
51228
|
},
|
51189
51229
|
{
|
@@ -51197,23 +51237,33 @@
|
|
51197
51237
|
}
|
51198
51238
|
},
|
51199
51239
|
{
|
51200
|
-
"name": "
|
51201
|
-
"description": "
|
51240
|
+
"name": "mandatory",
|
51241
|
+
"description": "Forces at least one item to always be selected (if available).",
|
51202
51242
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51203
|
-
"default": "'
|
51243
|
+
"default": "'force'",
|
51204
51244
|
"value": {
|
51205
51245
|
"kind": "expression",
|
51206
|
-
"type": "
|
51246
|
+
"type": "boolean | 'force'"
|
51207
51247
|
}
|
51208
51248
|
},
|
51209
51249
|
{
|
51210
|
-
"name": "
|
51211
|
-
"description": "
|
51250
|
+
"name": "direction",
|
51251
|
+
"description": "The transition direction when changing windows.",
|
51212
51252
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51213
|
-
"default": "'
|
51253
|
+
"default": "'horizontal'",
|
51214
51254
|
"value": {
|
51215
51255
|
"kind": "expression",
|
51216
|
-
"type": "
|
51256
|
+
"type": "'horizontal' | 'vertical'"
|
51257
|
+
}
|
51258
|
+
},
|
51259
|
+
{
|
51260
|
+
"name": "prevIcon",
|
51261
|
+
"description": "Icon used for the \"prev\" button if `show-arrows` is `true`.",
|
51262
|
+
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51263
|
+
"default": "'$prev'",
|
51264
|
+
"value": {
|
51265
|
+
"kind": "expression",
|
51266
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
51217
51267
|
}
|
51218
51268
|
},
|
51219
51269
|
{
|
@@ -51223,17 +51273,17 @@
|
|
51223
51273
|
"default": "'$next'",
|
51224
51274
|
"value": {
|
51225
51275
|
"kind": "expression",
|
51226
|
-
"type": "| string\n | (
|
51276
|
+
"type": "| string\n | (new () => any)\n | FunctionalComponent\n | (string | [string, number])[]"
|
51227
51277
|
}
|
51228
51278
|
},
|
51229
51279
|
{
|
51230
|
-
"name": "
|
51231
|
-
"description": "
|
51280
|
+
"name": "selectedClass",
|
51281
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
51232
51282
|
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51233
|
-
"default": "'
|
51283
|
+
"default": "'v-window-item--active'",
|
51234
51284
|
"value": {
|
51235
51285
|
"kind": "expression",
|
51236
|
-
"type": "
|
51286
|
+
"type": "string"
|
51237
51287
|
}
|
51238
51288
|
},
|
51239
51289
|
{
|
@@ -51264,16 +51314,6 @@
|
|
51264
51314
|
"kind": "expression",
|
51265
51315
|
"type": "boolean | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/directives/touch/index.ts#L9-L17\" target=\"_blank\">TouchHandlers</a>"
|
51266
51316
|
}
|
51267
|
-
},
|
51268
|
-
{
|
51269
|
-
"name": "direction",
|
51270
|
-
"description": "The transition direction when changing windows.",
|
51271
|
-
"doc-url": "https://vuetifyjs.com/api/VWindow#props",
|
51272
|
-
"default": "'horizontal'",
|
51273
|
-
"value": {
|
51274
|
-
"kind": "expression",
|
51275
|
-
"type": "'horizontal' | 'vertical'"
|
51276
|
-
}
|
51277
51317
|
}
|
51278
51318
|
],
|
51279
51319
|
"events": [
|
@@ -51319,7 +51359,7 @@
|
|
51319
51359
|
"vue-properties": [
|
51320
51360
|
{
|
51321
51361
|
"name": "props",
|
51322
|
-
"type": "{ icon: string | (string | [string, number])[]
|
51362
|
+
"type": "{ icon: string | (new () => any) | FunctionalComponent | (string | [string, number])[]; class: string; onClick: () => void; 'aria-label': string }"
|
51323
51363
|
}
|
51324
51364
|
]
|
51325
51365
|
},
|
@@ -51330,7 +51370,7 @@
|
|
51330
51370
|
"vue-properties": [
|
51331
51371
|
{
|
51332
51372
|
"name": "props",
|
51333
|
-
"type": "{ icon: string | (string | [string, number])[]
|
51373
|
+
"type": "{ icon: string | (new () => any) | FunctionalComponent | (string | [string, number])[]; class: string; onClick: () => void; 'aria-label': string }"
|
51334
51374
|
}
|
51335
51375
|
]
|
51336
51376
|
}
|
@@ -51359,8 +51399,8 @@
|
|
51359
51399
|
}
|
51360
51400
|
},
|
51361
51401
|
{
|
51362
|
-
"name": "
|
51363
|
-
"description": "
|
51402
|
+
"name": "disabled",
|
51403
|
+
"description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method.",
|
51364
51404
|
"doc-url": "https://vuetifyjs.com/api/VWindowItem#props",
|
51365
51405
|
"default": "false",
|
51366
51406
|
"value": {
|
@@ -51369,13 +51409,12 @@
|
|
51369
51409
|
}
|
51370
51410
|
},
|
51371
51411
|
{
|
51372
|
-
"name": "
|
51373
|
-
"description": "
|
51412
|
+
"name": "selectedClass",
|
51413
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
51374
51414
|
"doc-url": "https://vuetifyjs.com/api/VWindowItem#props",
|
51375
|
-
"default": "false",
|
51376
51415
|
"value": {
|
51377
51416
|
"kind": "expression",
|
51378
|
-
"type": "
|
51417
|
+
"type": "string"
|
51379
51418
|
}
|
51380
51419
|
},
|
51381
51420
|
{
|
@@ -51388,21 +51427,22 @@
|
|
51388
51427
|
}
|
51389
51428
|
},
|
51390
51429
|
{
|
51391
|
-
"name": "
|
51392
|
-
"description": "
|
51430
|
+
"name": "eager",
|
51431
|
+
"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.",
|
51393
51432
|
"doc-url": "https://vuetifyjs.com/api/VWindowItem#props",
|
51433
|
+
"default": "false",
|
51394
51434
|
"value": {
|
51395
51435
|
"kind": "expression",
|
51396
|
-
"type": "
|
51436
|
+
"type": "boolean"
|
51397
51437
|
}
|
51398
51438
|
},
|
51399
51439
|
{
|
51400
|
-
"name": "
|
51401
|
-
"description": "
|
51440
|
+
"name": "reverseTransition",
|
51441
|
+
"description": "Sets the reverse transition.",
|
51402
51442
|
"doc-url": "https://vuetifyjs.com/api/VWindowItem#props",
|
51403
51443
|
"value": {
|
51404
51444
|
"kind": "expression",
|
51405
|
-
"type": "string"
|
51445
|
+
"type": "string | boolean"
|
51406
51446
|
}
|
51407
51447
|
}
|
51408
51448
|
],
|