@vuetify/nightly 3.8.0-master.2025-04-06 → 3.8.1-master.2025-04-07
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 +3 -18
- package/dist/json/attributes.json +375 -375
- package/dist/json/importMap-labs.json +30 -30
- package/dist/json/importMap.json +152 -152
- package/dist/json/web-types.json +820 -820
- package/dist/vuetify-labs.cjs +107 -85
- package/dist/vuetify-labs.css +5452 -5452
- package/dist/vuetify-labs.d.ts +57 -57
- package/dist/vuetify-labs.esm.js +107 -85
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +107 -85
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +107 -85
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +3868 -3868
- package/dist/vuetify.d.ts +57 -57
- package/dist/vuetify.esm.js +107 -85
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +107 -85
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +791 -790
- package/dist/vuetify.min.js.map +1 -1
- package/lib/composables/theme.js +105 -83
- package/lib/composables/theme.js.map +1 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +57 -57
- package/lib/framework.js +1 -1
- package/package.json +2 -2
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.
|
5
|
+
"version": "3.8.1-master.2025-04-07",
|
6
6
|
"contributions": {
|
7
7
|
"html": {
|
8
8
|
"types-syntax": "typescript",
|
@@ -42088,16 +42088,6 @@
|
|
42088
42088
|
"description": "",
|
42089
42089
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-item",
|
42090
42090
|
"attributes": [
|
42091
|
-
{
|
42092
|
-
"name": "error",
|
42093
|
-
"description": "Puts the stepper item in a manual error state.",
|
42094
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42095
|
-
"default": "false",
|
42096
|
-
"value": {
|
42097
|
-
"kind": "expression",
|
42098
|
-
"type": "boolean"
|
42099
|
-
}
|
42100
|
-
},
|
42101
42091
|
{
|
42102
42092
|
"name": "title",
|
42103
42093
|
"description": "Specify a title text for the component.",
|
@@ -42108,27 +42098,17 @@
|
|
42108
42098
|
}
|
42109
42099
|
},
|
42110
42100
|
{
|
42111
|
-
"name": "
|
42112
|
-
"description": "
|
42113
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42114
|
-
"value": {
|
42115
|
-
"kind": "expression",
|
42116
|
-
"type": "any"
|
42117
|
-
}
|
42118
|
-
},
|
42119
|
-
{
|
42120
|
-
"name": "ripple",
|
42121
|
-
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
42101
|
+
"name": "icon",
|
42102
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component.",
|
42122
42103
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42123
|
-
"default": "true",
|
42124
42104
|
"value": {
|
42125
42105
|
"kind": "expression",
|
42126
|
-
"type": "
|
42106
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42127
42107
|
}
|
42128
42108
|
},
|
42129
42109
|
{
|
42130
|
-
"name": "
|
42131
|
-
"description": "
|
42110
|
+
"name": "error",
|
42111
|
+
"description": "Puts the stepper item in a manual error state.",
|
42132
42112
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42133
42113
|
"default": "false",
|
42134
42114
|
"value": {
|
@@ -42137,8 +42117,8 @@
|
|
42137
42117
|
}
|
42138
42118
|
},
|
42139
42119
|
{
|
42140
|
-
"name": "
|
42141
|
-
"description": "
|
42120
|
+
"name": "color",
|
42121
|
+
"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).",
|
42142
42122
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42143
42123
|
"value": {
|
42144
42124
|
"kind": "expression",
|
@@ -42146,8 +42126,8 @@
|
|
42146
42126
|
}
|
42147
42127
|
},
|
42148
42128
|
{
|
42149
|
-
"name": "
|
42150
|
-
"description": "
|
42129
|
+
"name": "subtitle",
|
42130
|
+
"description": "Specify a subtitle text for the component.",
|
42151
42131
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42152
42132
|
"value": {
|
42153
42133
|
"kind": "expression",
|
@@ -42155,21 +42135,22 @@
|
|
42155
42135
|
}
|
42156
42136
|
},
|
42157
42137
|
{
|
42158
|
-
"name": "
|
42159
|
-
"description": "
|
42138
|
+
"name": "disabled",
|
42139
|
+
"description": "Removes the ability to click or target the component.",
|
42160
42140
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42141
|
+
"default": "false",
|
42161
42142
|
"value": {
|
42162
42143
|
"kind": "expression",
|
42163
|
-
"type": "
|
42144
|
+
"type": "boolean"
|
42164
42145
|
}
|
42165
42146
|
},
|
42166
42147
|
{
|
42167
|
-
"name": "
|
42168
|
-
"description": "
|
42148
|
+
"name": "value",
|
42149
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
42169
42150
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42170
42151
|
"value": {
|
42171
42152
|
"kind": "expression",
|
42172
|
-
"type": "
|
42153
|
+
"type": "any"
|
42173
42154
|
}
|
42174
42155
|
},
|
42175
42156
|
{
|
@@ -42183,13 +42164,22 @@
|
|
42183
42164
|
}
|
42184
42165
|
},
|
42185
42166
|
{
|
42186
|
-
"name": "
|
42187
|
-
"description": "
|
42167
|
+
"name": "selectedClass",
|
42168
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
42188
42169
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42189
|
-
"default": "false",
|
42190
42170
|
"value": {
|
42191
42171
|
"kind": "expression",
|
42192
|
-
"type": "
|
42172
|
+
"type": "string"
|
42173
|
+
}
|
42174
|
+
},
|
42175
|
+
{
|
42176
|
+
"name": "ripple",
|
42177
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
42178
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42179
|
+
"default": "true",
|
42180
|
+
"value": {
|
42181
|
+
"kind": "expression",
|
42182
|
+
"type": "boolean | { class: string }"
|
42193
42183
|
}
|
42194
42184
|
},
|
42195
42185
|
{
|
@@ -42202,6 +42192,16 @@
|
|
42202
42192
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42203
42193
|
}
|
42204
42194
|
},
|
42195
|
+
{
|
42196
|
+
"name": "editIcon",
|
42197
|
+
"description": "Icon to display when step is editable.",
|
42198
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42199
|
+
"default": "'$edit'",
|
42200
|
+
"value": {
|
42201
|
+
"kind": "expression",
|
42202
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42203
|
+
}
|
42204
|
+
},
|
42205
42205
|
{
|
42206
42206
|
"name": "editable",
|
42207
42207
|
"description": "Marks step as editable.",
|
@@ -42213,23 +42213,23 @@
|
|
42213
42213
|
}
|
42214
42214
|
},
|
42215
42215
|
{
|
42216
|
-
"name": "
|
42217
|
-
"description": "Icon to display when step
|
42216
|
+
"name": "errorIcon",
|
42217
|
+
"description": "Icon to display when step has an error.",
|
42218
42218
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42219
|
-
"default": "'$
|
42219
|
+
"default": "'$error'",
|
42220
42220
|
"value": {
|
42221
42221
|
"kind": "expression",
|
42222
42222
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42223
42223
|
}
|
42224
42224
|
},
|
42225
42225
|
{
|
42226
|
-
"name": "
|
42227
|
-
"description": "
|
42226
|
+
"name": "complete",
|
42227
|
+
"description": "Marks step as complete.",
|
42228
42228
|
"doc-url": "https://vuetifyjs.com/api/VStepperItem#props",
|
42229
|
-
"default": "
|
42229
|
+
"default": "false",
|
42230
42230
|
"value": {
|
42231
42231
|
"kind": "expression",
|
42232
|
-
"type": "
|
42232
|
+
"type": "boolean"
|
42233
42233
|
}
|
42234
42234
|
}
|
42235
42235
|
],
|
@@ -42397,35 +42397,37 @@
|
|
42397
42397
|
}
|
42398
42398
|
},
|
42399
42399
|
{
|
42400
|
-
"name": "
|
42401
|
-
"description": "
|
42400
|
+
"name": "tag",
|
42401
|
+
"description": "Specify a custom tag used on the root element.",
|
42402
42402
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42403
|
+
"default": "'div'",
|
42403
42404
|
"value": {
|
42404
42405
|
"kind": "expression",
|
42405
|
-
"type": "
|
42406
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
42406
42407
|
}
|
42407
42408
|
},
|
42408
42409
|
{
|
42409
|
-
"name": "
|
42410
|
-
"description": "
|
42410
|
+
"name": "theme",
|
42411
|
+
"description": "Specify a theme for this component and all of its children.",
|
42411
42412
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42412
42413
|
"value": {
|
42413
42414
|
"kind": "expression",
|
42414
|
-
"type": "string
|
42415
|
+
"type": "string"
|
42415
42416
|
}
|
42416
42417
|
},
|
42417
42418
|
{
|
42418
|
-
"name": "
|
42419
|
-
"description": "
|
42419
|
+
"name": "items",
|
42420
|
+
"description": "An array of strings or objects used for automatically generating children components.",
|
42420
42421
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42422
|
+
"default": "[]",
|
42421
42423
|
"value": {
|
42422
42424
|
"kind": "expression",
|
42423
|
-
"type": "string |
|
42425
|
+
"type": "(string | Record<string, any>)[]"
|
42424
42426
|
}
|
42425
42427
|
},
|
42426
42428
|
{
|
42427
|
-
"name": "
|
42428
|
-
"description": "
|
42429
|
+
"name": "readonly",
|
42430
|
+
"description": "Makes the entire expansion panel read only.",
|
42429
42431
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42430
42432
|
"default": "false",
|
42431
42433
|
"value": {
|
@@ -42434,27 +42436,37 @@
|
|
42434
42436
|
}
|
42435
42437
|
},
|
42436
42438
|
{
|
42437
|
-
"name": "
|
42438
|
-
"description": "
|
42439
|
+
"name": "ripple",
|
42440
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
42439
42441
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42440
|
-
"default": "
|
42442
|
+
"default": "false",
|
42441
42443
|
"value": {
|
42442
42444
|
"kind": "expression",
|
42443
|
-
"type": "
|
42445
|
+
"type": "boolean | { class: string }"
|
42444
42446
|
}
|
42445
42447
|
},
|
42446
42448
|
{
|
42447
|
-
"name": "
|
42448
|
-
"description": "
|
42449
|
+
"name": "elevation",
|
42450
|
+
"description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).",
|
42449
42451
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42450
42452
|
"value": {
|
42451
42453
|
"kind": "expression",
|
42452
|
-
"type": "string"
|
42454
|
+
"type": "string | number"
|
42453
42455
|
}
|
42454
42456
|
},
|
42455
42457
|
{
|
42456
|
-
"name": "
|
42457
|
-
"description": "
|
42458
|
+
"name": "disabled",
|
42459
|
+
"description": "Puts all children components into a disabled state.",
|
42460
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42461
|
+
"default": "false",
|
42462
|
+
"value": {
|
42463
|
+
"kind": "expression",
|
42464
|
+
"type": "boolean"
|
42465
|
+
}
|
42466
|
+
},
|
42467
|
+
{
|
42468
|
+
"name": "selectedClass",
|
42469
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
42458
42470
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42459
42471
|
"value": {
|
42460
42472
|
"kind": "expression",
|
@@ -42462,18 +42474,17 @@
|
|
42462
42474
|
}
|
42463
42475
|
},
|
42464
42476
|
{
|
42465
|
-
"name": "
|
42466
|
-
"description": "
|
42477
|
+
"name": "rounded",
|
42478
|
+
"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).",
|
42467
42479
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42468
|
-
"default": "'accordion'",
|
42469
42480
|
"value": {
|
42470
42481
|
"kind": "expression",
|
42471
|
-
"type": "
|
42482
|
+
"type": "string | number | boolean"
|
42472
42483
|
}
|
42473
42484
|
},
|
42474
42485
|
{
|
42475
|
-
"name": "
|
42476
|
-
"description": "
|
42486
|
+
"name": "tile",
|
42487
|
+
"description": "Removes the border-radius.",
|
42477
42488
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42478
42489
|
"default": "false",
|
42479
42490
|
"value": {
|
@@ -42482,8 +42493,8 @@
|
|
42482
42493
|
}
|
42483
42494
|
},
|
42484
42495
|
{
|
42485
|
-
"name": "
|
42486
|
-
"description": "Applies specified color to the control
|
42496
|
+
"name": "color",
|
42497
|
+
"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).",
|
42487
42498
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42488
42499
|
"value": {
|
42489
42500
|
"kind": "expression",
|
@@ -42491,88 +42502,84 @@
|
|
42491
42502
|
}
|
42492
42503
|
},
|
42493
42504
|
{
|
42494
|
-
"name": "
|
42495
|
-
"description": "
|
42505
|
+
"name": "variant",
|
42506
|
+
"description": "Applies a distinct style to the component.",
|
42496
42507
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42497
|
-
"default": "
|
42508
|
+
"default": "'accordion'",
|
42498
42509
|
"value": {
|
42499
42510
|
"kind": "expression",
|
42500
|
-
"type": "
|
42511
|
+
"type": "'default' | 'inset' | 'accordion' | 'popout'"
|
42501
42512
|
}
|
42502
42513
|
},
|
42503
42514
|
{
|
42504
|
-
"name": "
|
42505
|
-
"description": "
|
42515
|
+
"name": "max",
|
42516
|
+
"description": "Sets a maximum number of selections that can be made.",
|
42506
42517
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42507
|
-
"default": "'$expand'",
|
42508
42518
|
"value": {
|
42509
42519
|
"kind": "expression",
|
42510
|
-
"type": "
|
42520
|
+
"type": "number"
|
42511
42521
|
}
|
42512
42522
|
},
|
42513
42523
|
{
|
42514
|
-
"name": "
|
42515
|
-
"description": "
|
42524
|
+
"name": "modelValue",
|
42525
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
42516
42526
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42517
|
-
"default": "'$collapse'",
|
42518
42527
|
"value": {
|
42519
42528
|
"kind": "expression",
|
42520
|
-
"type": "
|
42529
|
+
"type": "unknown"
|
42521
42530
|
}
|
42522
42531
|
},
|
42523
42532
|
{
|
42524
|
-
"name": "
|
42525
|
-
"description": "
|
42533
|
+
"name": "bgColor",
|
42534
|
+
"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).",
|
42526
42535
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42527
|
-
"default": "false",
|
42528
42536
|
"value": {
|
42529
42537
|
"kind": "expression",
|
42530
|
-
"type": "
|
42538
|
+
"type": "string"
|
42531
42539
|
}
|
42532
42540
|
},
|
42533
42541
|
{
|
42534
|
-
"name": "
|
42535
|
-
"description": "Forces
|
42542
|
+
"name": "mobile",
|
42543
|
+
"description": "Forces the stepper into a mobile state, removing labels from stepper items.",
|
42536
42544
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42537
|
-
"default": "
|
42545
|
+
"default": "false",
|
42538
42546
|
"value": {
|
42539
42547
|
"kind": "expression",
|
42540
|
-
"type": "boolean
|
42548
|
+
"type": "boolean"
|
42541
42549
|
}
|
42542
42550
|
},
|
42543
42551
|
{
|
42544
|
-
"name": "
|
42545
|
-
"description": "
|
42552
|
+
"name": "mobileBreakpoint",
|
42553
|
+
"description": "Overrides the display configuration default screen size that the component should be considered in mobile.",
|
42546
42554
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42547
|
-
"default": "[]",
|
42548
42555
|
"value": {
|
42549
42556
|
"kind": "expression",
|
42550
|
-
"type": "
|
42557
|
+
"type": "number | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"
|
42551
42558
|
}
|
42552
42559
|
},
|
42553
42560
|
{
|
42554
|
-
"name": "
|
42555
|
-
"description": "
|
42561
|
+
"name": "multiple",
|
42562
|
+
"description": "Allows one to select multiple items.",
|
42556
42563
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42557
|
-
"default": "
|
42564
|
+
"default": "false",
|
42558
42565
|
"value": {
|
42559
42566
|
"kind": "expression",
|
42560
|
-
"type": "
|
42567
|
+
"type": "boolean"
|
42561
42568
|
}
|
42562
42569
|
},
|
42563
42570
|
{
|
42564
|
-
"name": "
|
42565
|
-
"description": "
|
42571
|
+
"name": "mandatory",
|
42572
|
+
"description": "Forces at least one item to always be selected (if available).",
|
42566
42573
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42567
|
-
"default": "'
|
42574
|
+
"default": "'force'",
|
42568
42575
|
"value": {
|
42569
42576
|
"kind": "expression",
|
42570
|
-
"type": "
|
42577
|
+
"type": "boolean | 'force'"
|
42571
42578
|
}
|
42572
42579
|
},
|
42573
42580
|
{
|
42574
|
-
"name": "
|
42575
|
-
"description": "
|
42581
|
+
"name": "eager",
|
42582
|
+
"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.",
|
42576
42583
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42577
42584
|
"default": "false",
|
42578
42585
|
"value": {
|
@@ -42581,70 +42588,73 @@
|
|
42581
42588
|
}
|
42582
42589
|
},
|
42583
42590
|
{
|
42584
|
-
"name": "
|
42585
|
-
"description": "
|
42591
|
+
"name": "expandIcon",
|
42592
|
+
"description": "Icon used when the expansion panel is in a expandable state.",
|
42586
42593
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42594
|
+
"default": "'$expand'",
|
42587
42595
|
"value": {
|
42588
42596
|
"kind": "expression",
|
42589
|
-
"type": "number"
|
42597
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42590
42598
|
}
|
42591
42599
|
},
|
42592
42600
|
{
|
42593
|
-
"name": "
|
42594
|
-
"description": "
|
42601
|
+
"name": "collapseIcon",
|
42602
|
+
"description": "Icon used when the expansion panel is in a collapsable state.",
|
42595
42603
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42596
|
-
"default": "
|
42604
|
+
"default": "'$collapse'",
|
42597
42605
|
"value": {
|
42598
42606
|
"kind": "expression",
|
42599
|
-
"type": "
|
42607
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
42600
42608
|
}
|
42601
42609
|
},
|
42602
42610
|
{
|
42603
|
-
"name": "
|
42604
|
-
"description": "
|
42611
|
+
"name": "itemTitle",
|
42612
|
+
"description": "Property on supplied `items` that contains its title.",
|
42605
42613
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42606
|
-
"default": "
|
42614
|
+
"default": "'title'",
|
42607
42615
|
"value": {
|
42608
42616
|
"kind": "expression",
|
42609
|
-
"type": "
|
42617
|
+
"type": "string"
|
42610
42618
|
}
|
42611
42619
|
},
|
42612
42620
|
{
|
42613
|
-
"name": "
|
42614
|
-
"description": "
|
42621
|
+
"name": "itemValue",
|
42622
|
+
"description": "Property on supplied `items` that contains its value.",
|
42615
42623
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42624
|
+
"default": "'value'",
|
42616
42625
|
"value": {
|
42617
42626
|
"kind": "expression",
|
42618
|
-
"type": "
|
42627
|
+
"type": "string"
|
42619
42628
|
}
|
42620
42629
|
},
|
42621
42630
|
{
|
42622
|
-
"name": "
|
42623
|
-
"description": "
|
42631
|
+
"name": "hideActions",
|
42632
|
+
"description": "Hide actions bar (prev and next buttons).",
|
42624
42633
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42634
|
+
"default": "false",
|
42625
42635
|
"value": {
|
42626
42636
|
"kind": "expression",
|
42627
|
-
"type": "
|
42637
|
+
"type": "boolean"
|
42628
42638
|
}
|
42629
42639
|
},
|
42630
42640
|
{
|
42631
|
-
"name": "
|
42632
|
-
"description": "
|
42641
|
+
"name": "prevText",
|
42642
|
+
"description": "The text used for the Prev button.",
|
42633
42643
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42634
|
-
"default": "
|
42644
|
+
"default": "'$vuetify.stepper.prev'",
|
42635
42645
|
"value": {
|
42636
42646
|
"kind": "expression",
|
42637
|
-
"type": "
|
42647
|
+
"type": "string"
|
42638
42648
|
}
|
42639
42649
|
},
|
42640
42650
|
{
|
42641
|
-
"name": "
|
42642
|
-
"description": "
|
42651
|
+
"name": "nextText",
|
42652
|
+
"description": "The text used for the Next button.",
|
42643
42653
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42644
|
-
"default": "
|
42654
|
+
"default": "'$vuetify.stepper.next'",
|
42645
42655
|
"value": {
|
42646
42656
|
"kind": "expression",
|
42647
|
-
"type": "
|
42657
|
+
"type": "string"
|
42648
42658
|
}
|
42649
42659
|
},
|
42650
42660
|
{
|
@@ -42705,23 +42715,13 @@
|
|
42705
42715
|
}
|
42706
42716
|
},
|
42707
42717
|
{
|
42708
|
-
"name": "
|
42709
|
-
"description": "
|
42710
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42711
|
-
"default": "'$vuetify.stepper.prev'",
|
42712
|
-
"value": {
|
42713
|
-
"kind": "expression",
|
42714
|
-
"type": "string"
|
42715
|
-
}
|
42716
|
-
},
|
42717
|
-
{
|
42718
|
-
"name": "nextText",
|
42719
|
-
"description": "The text used for the Next button.",
|
42718
|
+
"name": "focusable",
|
42719
|
+
"description": "Makes the expansion-panel headers focusable.",
|
42720
42720
|
"doc-url": "https://vuetifyjs.com/api/VStepperVertical#props",
|
42721
|
-
"default": "
|
42721
|
+
"default": "false",
|
42722
42722
|
"value": {
|
42723
42723
|
"kind": "expression",
|
42724
|
-
"type": "
|
42724
|
+
"type": "boolean"
|
42725
42725
|
}
|
42726
42726
|
}
|
42727
42727
|
],
|
@@ -42741,7 +42741,7 @@
|
|
42741
42741
|
"slots": [
|
42742
42742
|
{
|
42743
42743
|
"name": "actions",
|
42744
|
-
"description": "Slot for
|
42744
|
+
"description": "Slot for customizing [v-stepper-actions](/api/v-stepper-actions/).",
|
42745
42745
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical#slots"
|
42746
42746
|
},
|
42747
42747
|
{
|
@@ -42930,22 +42930,22 @@
|
|
42930
42930
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-actions",
|
42931
42931
|
"attributes": [
|
42932
42932
|
{
|
42933
|
-
"name": "
|
42934
|
-
"description": "
|
42933
|
+
"name": "color",
|
42934
|
+
"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).",
|
42935
42935
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalActions#props",
|
42936
|
-
"default": "false",
|
42937
42936
|
"value": {
|
42938
42937
|
"kind": "expression",
|
42939
|
-
"type": "
|
42938
|
+
"type": "string"
|
42940
42939
|
}
|
42941
42940
|
},
|
42942
42941
|
{
|
42943
|
-
"name": "
|
42944
|
-
"description": "
|
42942
|
+
"name": "disabled",
|
42943
|
+
"description": "Removes the ability to click or target the component.",
|
42945
42944
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalActions#props",
|
42945
|
+
"default": "false",
|
42946
42946
|
"value": {
|
42947
42947
|
"kind": "expression",
|
42948
|
-
"type": "
|
42948
|
+
"type": "boolean | 'next' | 'prev'"
|
42949
42949
|
}
|
42950
42950
|
},
|
42951
42951
|
{
|
@@ -42971,8 +42971,8 @@
|
|
42971
42971
|
],
|
42972
42972
|
"events": [
|
42973
42973
|
{
|
42974
|
-
"name": "click:
|
42975
|
-
"description": "Event emitted when clicking the
|
42974
|
+
"name": "click:prev",
|
42975
|
+
"description": "Event emitted when clicking the prev button.",
|
42976
42976
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-actions#events",
|
42977
42977
|
"arguments": [
|
42978
42978
|
{
|
@@ -42982,8 +42982,8 @@
|
|
42982
42982
|
]
|
42983
42983
|
},
|
42984
42984
|
{
|
42985
|
-
"name": "click:
|
42986
|
-
"description": "Event emitted when clicking the
|
42985
|
+
"name": "click:next",
|
42986
|
+
"description": "Event emitted when clicking the next button.",
|
42987
42987
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-actions#events",
|
42988
42988
|
"arguments": [
|
42989
42989
|
{
|
@@ -43031,26 +43031,6 @@
|
|
43031
43031
|
"description": "",
|
43032
43032
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-item",
|
43033
43033
|
"attributes": [
|
43034
|
-
{
|
43035
|
-
"name": "tag",
|
43036
|
-
"description": "Specify a custom tag used on the root element.",
|
43037
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43038
|
-
"default": "'div'",
|
43039
|
-
"value": {
|
43040
|
-
"kind": "expression",
|
43041
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
43042
|
-
}
|
43043
|
-
},
|
43044
|
-
{
|
43045
|
-
"name": "error",
|
43046
|
-
"description": "Puts the stepper item in a manual error state.",
|
43047
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43048
|
-
"default": "false",
|
43049
|
-
"value": {
|
43050
|
-
"kind": "expression",
|
43051
|
-
"type": "boolean"
|
43052
|
-
}
|
43053
|
-
},
|
43054
43034
|
{
|
43055
43035
|
"name": "title",
|
43056
43036
|
"description": "Specify a title text for the component.",
|
@@ -43061,41 +43041,31 @@
|
|
43061
43041
|
}
|
43062
43042
|
},
|
43063
43043
|
{
|
43064
|
-
"name": "
|
43065
|
-
"description": "
|
43044
|
+
"name": "text",
|
43045
|
+
"description": "Specify content text for the component.",
|
43066
43046
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43067
43047
|
"value": {
|
43068
43048
|
"kind": "expression",
|
43069
|
-
"type": "
|
43049
|
+
"type": "string"
|
43070
43050
|
}
|
43071
43051
|
},
|
43072
43052
|
{
|
43073
|
-
"name": "
|
43074
|
-
"description": "
|
43053
|
+
"name": "icon",
|
43054
|
+
"description": "Apply a specific icon using the [v-icon](/components/icons/) component.",
|
43075
43055
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43076
|
-
"default": "false",
|
43077
43056
|
"value": {
|
43078
43057
|
"kind": "expression",
|
43079
|
-
"type": "
|
43058
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43080
43059
|
}
|
43081
43060
|
},
|
43082
43061
|
{
|
43083
|
-
"name": "
|
43084
|
-
"description": "
|
43062
|
+
"name": "error",
|
43063
|
+
"description": "Puts the stepper item in a manual error state.",
|
43085
43064
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43086
43065
|
"default": "false",
|
43087
43066
|
"value": {
|
43088
43067
|
"kind": "expression",
|
43089
|
-
"type": "boolean
|
43090
|
-
}
|
43091
|
-
},
|
43092
|
-
{
|
43093
|
-
"name": "text",
|
43094
|
-
"description": "Specify content text for the component.",
|
43095
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43096
|
-
"value": {
|
43097
|
-
"kind": "expression",
|
43098
|
-
"type": "string"
|
43068
|
+
"type": "boolean"
|
43099
43069
|
}
|
43100
43070
|
},
|
43101
43071
|
{
|
@@ -43162,8 +43132,8 @@
|
|
43162
43132
|
}
|
43163
43133
|
},
|
43164
43134
|
{
|
43165
|
-
"name": "
|
43166
|
-
"description": "
|
43135
|
+
"name": "static",
|
43136
|
+
"description": "Remove title size expansion when selected.",
|
43167
43137
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43168
43138
|
"default": "false",
|
43169
43139
|
"value": {
|
@@ -43172,17 +43142,17 @@
|
|
43172
43142
|
}
|
43173
43143
|
},
|
43174
43144
|
{
|
43175
|
-
"name": "
|
43176
|
-
"description": "
|
43145
|
+
"name": "rounded",
|
43146
|
+
"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).",
|
43177
43147
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43178
43148
|
"value": {
|
43179
43149
|
"kind": "expression",
|
43180
|
-
"type": "string"
|
43150
|
+
"type": "string | number | boolean"
|
43181
43151
|
}
|
43182
43152
|
},
|
43183
43153
|
{
|
43184
|
-
"name": "
|
43185
|
-
"description": "
|
43154
|
+
"name": "tile",
|
43155
|
+
"description": "Removes any applied **border-radius** from the component.",
|
43186
43156
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43187
43157
|
"default": "false",
|
43188
43158
|
"value": {
|
@@ -43191,40 +43161,41 @@
|
|
43191
43161
|
}
|
43192
43162
|
},
|
43193
43163
|
{
|
43194
|
-
"name": "
|
43195
|
-
"description": "
|
43164
|
+
"name": "tag",
|
43165
|
+
"description": "Specify a custom tag used on the root element.",
|
43196
43166
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43167
|
+
"default": "'div'",
|
43197
43168
|
"value": {
|
43198
43169
|
"kind": "expression",
|
43199
|
-
"type": "string |
|
43170
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
43200
43171
|
}
|
43201
43172
|
},
|
43202
43173
|
{
|
43203
|
-
"name": "
|
43204
|
-
"description": "
|
43174
|
+
"name": "color",
|
43175
|
+
"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).",
|
43205
43176
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43206
|
-
"default": "false",
|
43207
43177
|
"value": {
|
43208
43178
|
"kind": "expression",
|
43209
|
-
"type": "
|
43179
|
+
"type": "string"
|
43210
43180
|
}
|
43211
43181
|
},
|
43212
43182
|
{
|
43213
|
-
"name": "
|
43214
|
-
"description": "
|
43183
|
+
"name": "eager",
|
43184
|
+
"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.",
|
43215
43185
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43186
|
+
"default": "false",
|
43216
43187
|
"value": {
|
43217
43188
|
"kind": "expression",
|
43218
|
-
"type": "
|
43189
|
+
"type": "boolean"
|
43219
43190
|
}
|
43220
43191
|
},
|
43221
43192
|
{
|
43222
|
-
"name": "
|
43223
|
-
"description": "
|
43193
|
+
"name": "subtitle",
|
43194
|
+
"description": "Specify a subtitle text for the component.",
|
43224
43195
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43225
43196
|
"value": {
|
43226
43197
|
"kind": "expression",
|
43227
|
-
"type": "
|
43198
|
+
"type": "string"
|
43228
43199
|
}
|
43229
43200
|
},
|
43230
43201
|
{
|
@@ -43237,8 +43208,8 @@
|
|
43237
43208
|
}
|
43238
43209
|
},
|
43239
43210
|
{
|
43240
|
-
"name": "
|
43241
|
-
"description": "
|
43211
|
+
"name": "disabled",
|
43212
|
+
"description": "Disables the expansion-panel content.",
|
43242
43213
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43243
43214
|
"default": "false",
|
43244
43215
|
"value": {
|
@@ -43247,12 +43218,42 @@
|
|
43247
43218
|
}
|
43248
43219
|
},
|
43249
43220
|
{
|
43250
|
-
"name": "
|
43251
|
-
"description": "
|
43221
|
+
"name": "expandIcon",
|
43222
|
+
"description": "Icon used when the expansion panel is in a expandable state.",
|
43252
43223
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43224
|
+
"default": "",
|
43253
43225
|
"value": {
|
43254
43226
|
"kind": "expression",
|
43255
|
-
"type": "string"
|
43227
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43228
|
+
}
|
43229
|
+
},
|
43230
|
+
{
|
43231
|
+
"name": "collapseIcon",
|
43232
|
+
"description": "Icon used when the expansion panel is in a collapsable state.",
|
43233
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43234
|
+
"default": "",
|
43235
|
+
"value": {
|
43236
|
+
"kind": "expression",
|
43237
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43238
|
+
}
|
43239
|
+
},
|
43240
|
+
{
|
43241
|
+
"name": "value",
|
43242
|
+
"description": "Controls the opened/closed state of content.",
|
43243
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43244
|
+
"value": {
|
43245
|
+
"kind": "expression",
|
43246
|
+
"type": "any"
|
43247
|
+
}
|
43248
|
+
},
|
43249
|
+
{
|
43250
|
+
"name": "readonly",
|
43251
|
+
"description": "Makes the expansion panel content read only.",
|
43252
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43253
|
+
"default": "false",
|
43254
|
+
"value": {
|
43255
|
+
"kind": "expression",
|
43256
|
+
"type": "boolean"
|
43256
43257
|
}
|
43257
43258
|
},
|
43258
43259
|
{
|
@@ -43266,28 +43267,27 @@
|
|
43266
43267
|
}
|
43267
43268
|
},
|
43268
43269
|
{
|
43269
|
-
"name": "
|
43270
|
-
"description": "
|
43270
|
+
"name": "hideActions",
|
43271
|
+
"description": "Hide the expand icon in the content title.",
|
43271
43272
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43272
|
-
"default": "",
|
43273
|
+
"default": "false",
|
43273
43274
|
"value": {
|
43274
43275
|
"kind": "expression",
|
43275
|
-
"type": "
|
43276
|
+
"type": "boolean"
|
43276
43277
|
}
|
43277
43278
|
},
|
43278
43279
|
{
|
43279
|
-
"name": "
|
43280
|
-
"description": "
|
43280
|
+
"name": "selectedClass",
|
43281
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
43281
43282
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43282
|
-
"default": "",
|
43283
43283
|
"value": {
|
43284
43284
|
"kind": "expression",
|
43285
|
-
"type": "
|
43285
|
+
"type": "string"
|
43286
43286
|
}
|
43287
43287
|
},
|
43288
43288
|
{
|
43289
|
-
"name": "
|
43290
|
-
"description": "
|
43289
|
+
"name": "focusable",
|
43290
|
+
"description": "Makes the expansion panel content focusable.",
|
43291
43291
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43292
43292
|
"default": "false",
|
43293
43293
|
"value": {
|
@@ -43296,13 +43296,13 @@
|
|
43296
43296
|
}
|
43297
43297
|
},
|
43298
43298
|
{
|
43299
|
-
"name": "
|
43300
|
-
"description": "
|
43299
|
+
"name": "ripple",
|
43300
|
+
"description": "Applies the [v-ripple](/directives/ripple) directive.",
|
43301
43301
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43302
43302
|
"default": "false",
|
43303
43303
|
"value": {
|
43304
43304
|
"kind": "expression",
|
43305
|
-
"type": "boolean"
|
43305
|
+
"type": "boolean | { class: string }"
|
43306
43306
|
}
|
43307
43307
|
},
|
43308
43308
|
{
|
@@ -43316,23 +43316,23 @@
|
|
43316
43316
|
}
|
43317
43317
|
},
|
43318
43318
|
{
|
43319
|
-
"name": "
|
43320
|
-
"description": "
|
43319
|
+
"name": "editIcon",
|
43320
|
+
"description": "Icon to display when step is editable.",
|
43321
43321
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43322
|
-
"default": "
|
43322
|
+
"default": "'$edit'",
|
43323
43323
|
"value": {
|
43324
43324
|
"kind": "expression",
|
43325
|
-
"type": "
|
43325
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
43326
43326
|
}
|
43327
43327
|
},
|
43328
43328
|
{
|
43329
|
-
"name": "
|
43330
|
-
"description": "
|
43329
|
+
"name": "editable",
|
43330
|
+
"description": "Marks step as editable.",
|
43331
43331
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43332
|
-
"default": "
|
43332
|
+
"default": "false",
|
43333
43333
|
"value": {
|
43334
43334
|
"kind": "expression",
|
43335
|
-
"type": "
|
43335
|
+
"type": "boolean"
|
43336
43336
|
}
|
43337
43337
|
},
|
43338
43338
|
{
|
@@ -43346,8 +43346,8 @@
|
|
43346
43346
|
}
|
43347
43347
|
},
|
43348
43348
|
{
|
43349
|
-
"name": "
|
43350
|
-
"description": "
|
43349
|
+
"name": "complete",
|
43350
|
+
"description": "Marks step as complete.",
|
43351
43351
|
"doc-url": "https://vuetifyjs.com/api/VStepperVerticalItem#props",
|
43352
43352
|
"default": "false",
|
43353
43353
|
"value": {
|
@@ -43358,8 +43358,8 @@
|
|
43358
43358
|
],
|
43359
43359
|
"events": [
|
43360
43360
|
{
|
43361
|
-
"name": "click:
|
43362
|
-
"description": "Event emitted when clicking the
|
43361
|
+
"name": "click:prev",
|
43362
|
+
"description": "Event emitted when clicking the previous button",
|
43363
43363
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-item#events",
|
43364
43364
|
"arguments": [
|
43365
43365
|
{
|
@@ -43369,8 +43369,8 @@
|
|
43369
43369
|
]
|
43370
43370
|
},
|
43371
43371
|
{
|
43372
|
-
"name": "click:
|
43373
|
-
"description": "Event emitted when clicking the
|
43372
|
+
"name": "click:next",
|
43373
|
+
"description": "Event emitted when clicking the next button",
|
43374
43374
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-vertical-item#events",
|
43375
43375
|
"arguments": [
|
43376
43376
|
{
|
@@ -43578,12 +43578,13 @@
|
|
43578
43578
|
"doc-url": "https://vuetifyjs.com/api/v-stepper-window",
|
43579
43579
|
"attributes": [
|
43580
43580
|
{
|
43581
|
-
"name": "
|
43582
|
-
"description": "
|
43581
|
+
"name": "tag",
|
43582
|
+
"description": "Specify a custom tag used on the root element.",
|
43583
43583
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindow#props",
|
43584
|
+
"default": "'div'",
|
43584
43585
|
"value": {
|
43585
43586
|
"kind": "expression",
|
43586
|
-
"type": "any"
|
43587
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
43587
43588
|
}
|
43588
43589
|
},
|
43589
43590
|
{
|
@@ -43596,16 +43597,6 @@
|
|
43596
43597
|
"type": "boolean"
|
43597
43598
|
}
|
43598
43599
|
},
|
43599
|
-
{
|
43600
|
-
"name": "tag",
|
43601
|
-
"description": "Specify a custom tag used on the root element.",
|
43602
|
-
"doc-url": "https://vuetifyjs.com/api/VStepperWindow#props",
|
43603
|
-
"default": "'div'",
|
43604
|
-
"value": {
|
43605
|
-
"kind": "expression",
|
43606
|
-
"type": "string | (new () => any) | FunctionalComponent"
|
43607
|
-
}
|
43608
|
-
},
|
43609
43600
|
{
|
43610
43601
|
"name": "theme",
|
43611
43602
|
"description": "Specify a theme for this component and all of its children.",
|
@@ -43626,23 +43617,32 @@
|
|
43626
43617
|
}
|
43627
43618
|
},
|
43628
43619
|
{
|
43629
|
-
"name": "
|
43630
|
-
"description": "
|
43620
|
+
"name": "selectedClass",
|
43621
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
43631
43622
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindow#props",
|
43632
|
-
"default": "'
|
43623
|
+
"default": "'v-window-item--active'",
|
43633
43624
|
"value": {
|
43634
43625
|
"kind": "expression",
|
43635
|
-
"type": "
|
43626
|
+
"type": "string"
|
43636
43627
|
}
|
43637
43628
|
},
|
43638
43629
|
{
|
43639
|
-
"name": "
|
43640
|
-
"description": "
|
43630
|
+
"name": "modelValue",
|
43631
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
43641
43632
|
"doc-url": "https://vuetifyjs.com/api/VStepperWindow#props",
|
43642
|
-
"default": "'v-window-item--active'",
|
43643
43633
|
"value": {
|
43644
43634
|
"kind": "expression",
|
43645
|
-
"type": "
|
43635
|
+
"type": "any"
|
43636
|
+
}
|
43637
|
+
},
|
43638
|
+
{
|
43639
|
+
"name": "direction",
|
43640
|
+
"description": "The transition direction when changing windows.",
|
43641
|
+
"doc-url": "https://vuetifyjs.com/api/VStepperWindow#props",
|
43642
|
+
"default": "'horizontal'",
|
43643
|
+
"value": {
|
43644
|
+
"kind": "expression",
|
43645
|
+
"type": "'horizontal' | 'vertical'"
|
43646
43646
|
}
|
43647
43647
|
}
|
43648
43648
|
],
|
@@ -45220,59 +45220,52 @@
|
|
45220
45220
|
}
|
45221
45221
|
},
|
45222
45222
|
{
|
45223
|
-
"name": "
|
45224
|
-
"description": "
|
45225
|
-
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45226
|
-
"value": {
|
45227
|
-
"kind": "expression",
|
45228
|
-
"type": "any"
|
45229
|
-
}
|
45230
|
-
},
|
45231
|
-
{
|
45232
|
-
"name": "density",
|
45233
|
-
"description": "Adjusts the vertical height used by the component.",
|
45223
|
+
"name": "tag",
|
45224
|
+
"description": "Specify a custom tag used on the root element.",
|
45234
45225
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45235
|
-
"default": "'
|
45226
|
+
"default": "'div'",
|
45236
45227
|
"value": {
|
45237
45228
|
"kind": "expression",
|
45238
|
-
"type": "
|
45229
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45239
45230
|
}
|
45240
45231
|
},
|
45241
45232
|
{
|
45242
|
-
"name": "
|
45243
|
-
"description": "
|
45233
|
+
"name": "items",
|
45234
|
+
"description": "The items to display in the component. This can be an array of strings or objects with a property `text`.",
|
45244
45235
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45236
|
+
"default": "[]",
|
45245
45237
|
"value": {
|
45246
45238
|
"kind": "expression",
|
45247
|
-
"type": "
|
45239
|
+
"type": "unknown[]"
|
45248
45240
|
}
|
45249
45241
|
},
|
45250
45242
|
{
|
45251
|
-
"name": "
|
45252
|
-
"description": "
|
45243
|
+
"name": "stacked",
|
45244
|
+
"description": "Apply the stacked prop to all children v-tab components.",
|
45253
45245
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45254
|
-
"default": "
|
45246
|
+
"default": "false",
|
45255
45247
|
"value": {
|
45256
45248
|
"kind": "expression",
|
45257
|
-
"type": "
|
45249
|
+
"type": "boolean"
|
45258
45250
|
}
|
45259
45251
|
},
|
45260
45252
|
{
|
45261
|
-
"name": "
|
45262
|
-
"description": "
|
45253
|
+
"name": "density",
|
45254
|
+
"description": "Adjusts the vertical height used by the component.",
|
45263
45255
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45256
|
+
"default": "'default'",
|
45264
45257
|
"value": {
|
45265
45258
|
"kind": "expression",
|
45266
|
-
"type": "
|
45259
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45267
45260
|
}
|
45268
45261
|
},
|
45269
45262
|
{
|
45270
|
-
"name": "
|
45271
|
-
"description": "
|
45263
|
+
"name": "height",
|
45264
|
+
"description": "Sets the height of the tabs bar.",
|
45272
45265
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45273
45266
|
"value": {
|
45274
45267
|
"kind": "expression",
|
45275
|
-
"type": "string"
|
45268
|
+
"type": "string | number"
|
45276
45269
|
}
|
45277
45270
|
},
|
45278
45271
|
{
|
@@ -45286,52 +45279,49 @@
|
|
45286
45279
|
}
|
45287
45280
|
},
|
45288
45281
|
{
|
45289
|
-
"name": "
|
45290
|
-
"description": "
|
45282
|
+
"name": "selectedClass",
|
45283
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45291
45284
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45292
|
-
"default": "
|
45285
|
+
"default": "'v-tab-item--selected'",
|
45293
45286
|
"value": {
|
45294
45287
|
"kind": "expression",
|
45295
|
-
"type": "
|
45288
|
+
"type": "string"
|
45296
45289
|
}
|
45297
45290
|
},
|
45298
45291
|
{
|
45299
|
-
"name": "
|
45300
|
-
"description": "
|
45292
|
+
"name": "color",
|
45293
|
+
"description": "Applies specified color to the selected tab - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors).",
|
45301
45294
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45302
|
-
"default": "'force'",
|
45303
45295
|
"value": {
|
45304
45296
|
"kind": "expression",
|
45305
|
-
"type": "
|
45297
|
+
"type": "string"
|
45306
45298
|
}
|
45307
45299
|
},
|
45308
45300
|
{
|
45309
|
-
"name": "
|
45310
|
-
"description": "
|
45301
|
+
"name": "max",
|
45302
|
+
"description": "Sets a maximum number of selections that can be made.",
|
45311
45303
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45312
|
-
"default": "[]",
|
45313
45304
|
"value": {
|
45314
45305
|
"kind": "expression",
|
45315
|
-
"type": "
|
45306
|
+
"type": "number"
|
45316
45307
|
}
|
45317
45308
|
},
|
45318
45309
|
{
|
45319
|
-
"name": "
|
45320
|
-
"description": "
|
45310
|
+
"name": "modelValue",
|
45311
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45321
45312
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45322
|
-
"default": "'horizontal'",
|
45323
45313
|
"value": {
|
45324
45314
|
"kind": "expression",
|
45325
|
-
"type": "
|
45315
|
+
"type": "any"
|
45326
45316
|
}
|
45327
45317
|
},
|
45328
45318
|
{
|
45329
|
-
"name": "
|
45330
|
-
"description": "
|
45319
|
+
"name": "bgColor",
|
45320
|
+
"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).",
|
45331
45321
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45332
45322
|
"value": {
|
45333
45323
|
"kind": "expression",
|
45334
|
-
"type": "
|
45324
|
+
"type": "string"
|
45335
45325
|
}
|
45336
45326
|
},
|
45337
45327
|
{
|
@@ -45354,53 +45344,53 @@
|
|
45354
45344
|
}
|
45355
45345
|
},
|
45356
45346
|
{
|
45357
|
-
"name": "
|
45358
|
-
"description": "
|
45347
|
+
"name": "grow",
|
45348
|
+
"description": "Force `v-tab`'s to take up all available space.",
|
45359
45349
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45360
|
-
"default": "
|
45350
|
+
"default": "false",
|
45361
45351
|
"value": {
|
45362
45352
|
"kind": "expression",
|
45363
|
-
"type": "
|
45353
|
+
"type": "boolean"
|
45364
45354
|
}
|
45365
45355
|
},
|
45366
45356
|
{
|
45367
|
-
"name": "
|
45368
|
-
"description": "
|
45357
|
+
"name": "multiple",
|
45358
|
+
"description": "Allows one to select multiple items.",
|
45369
45359
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45370
|
-
"default": "
|
45360
|
+
"default": "false",
|
45371
45361
|
"value": {
|
45372
45362
|
"kind": "expression",
|
45373
|
-
"type": "
|
45363
|
+
"type": "boolean"
|
45374
45364
|
}
|
45375
45365
|
},
|
45376
45366
|
{
|
45377
|
-
"name": "
|
45378
|
-
"description": "
|
45367
|
+
"name": "mandatory",
|
45368
|
+
"description": "Forces at least one item to always be selected (if available).",
|
45379
45369
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45380
|
-
"default": "'
|
45370
|
+
"default": "'force'",
|
45381
45371
|
"value": {
|
45382
45372
|
"kind": "expression",
|
45383
|
-
"type": "
|
45373
|
+
"type": "boolean | 'force'"
|
45384
45374
|
}
|
45385
45375
|
},
|
45386
45376
|
{
|
45387
|
-
"name": "
|
45388
|
-
"description": "
|
45377
|
+
"name": "nextIcon",
|
45378
|
+
"description": "Right pagination icon.",
|
45389
45379
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45390
|
-
"default": "
|
45380
|
+
"default": "'$next'",
|
45391
45381
|
"value": {
|
45392
45382
|
"kind": "expression",
|
45393
|
-
"type": "
|
45383
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45394
45384
|
}
|
45395
45385
|
},
|
45396
45386
|
{
|
45397
|
-
"name": "
|
45398
|
-
"description": "
|
45387
|
+
"name": "prevIcon",
|
45388
|
+
"description": "Left pagination icon.",
|
45399
45389
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45400
|
-
"default": "
|
45390
|
+
"default": "'$prev'",
|
45401
45391
|
"value": {
|
45402
45392
|
"kind": "expression",
|
45403
|
-
"type": "
|
45393
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
45404
45394
|
}
|
45405
45395
|
},
|
45406
45396
|
{
|
@@ -45414,18 +45404,18 @@
|
|
45414
45404
|
}
|
45415
45405
|
},
|
45416
45406
|
{
|
45417
|
-
"name": "
|
45418
|
-
"description": "
|
45407
|
+
"name": "direction",
|
45408
|
+
"description": "Changes the direction of the tabs. Can be either `horizontal` or `vertical`.",
|
45419
45409
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45420
|
-
"default": "'
|
45410
|
+
"default": "'horizontal'",
|
45421
45411
|
"value": {
|
45422
45412
|
"kind": "expression",
|
45423
|
-
"type": "'
|
45413
|
+
"type": "'horizontal' | 'vertical'"
|
45424
45414
|
}
|
45425
45415
|
},
|
45426
45416
|
{
|
45427
|
-
"name": "
|
45428
|
-
"description": "
|
45417
|
+
"name": "centerActive",
|
45418
|
+
"description": "Forces the selected tab to be centered.",
|
45429
45419
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45430
45420
|
"default": "false",
|
45431
45421
|
"value": {
|
@@ -45434,13 +45424,12 @@
|
|
45434
45424
|
}
|
45435
45425
|
},
|
45436
45426
|
{
|
45437
|
-
"name": "
|
45438
|
-
"description": "
|
45427
|
+
"name": "sliderColor",
|
45428
|
+
"description": "Changes the background color of an auto-generated `v-tabs-slider`.",
|
45439
45429
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45440
|
-
"default": "false",
|
45441
45430
|
"value": {
|
45442
45431
|
"kind": "expression",
|
45443
|
-
"type": "
|
45432
|
+
"type": "string"
|
45444
45433
|
}
|
45445
45434
|
},
|
45446
45435
|
{
|
@@ -45454,12 +45443,23 @@
|
|
45454
45443
|
}
|
45455
45444
|
},
|
45456
45445
|
{
|
45457
|
-
"name": "
|
45458
|
-
"description": "
|
45446
|
+
"name": "alignTabs",
|
45447
|
+
"description": "Aligns the tabs to the `start`, `center`, or `end` of container. Also accepts `title` to align with the `v-toolbar-title` component.",
|
45459
45448
|
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45449
|
+
"default": "'start'",
|
45460
45450
|
"value": {
|
45461
45451
|
"kind": "expression",
|
45462
|
-
"type": "
|
45452
|
+
"type": "'title' | 'start' | 'end' | 'center'"
|
45453
|
+
}
|
45454
|
+
},
|
45455
|
+
{
|
45456
|
+
"name": "fixedTabs",
|
45457
|
+
"description": "`v-tabs-item` min-width 160px, max-width 360px.",
|
45458
|
+
"doc-url": "https://vuetifyjs.com/api/VTabs#props",
|
45459
|
+
"default": "false",
|
45460
|
+
"value": {
|
45461
|
+
"kind": "expression",
|
45462
|
+
"type": "boolean"
|
45463
45463
|
}
|
45464
45464
|
}
|
45465
45465
|
],
|
@@ -45547,13 +45547,12 @@
|
|
45547
45547
|
"doc-url": "https://vuetifyjs.com/api/v-tabs-window",
|
45548
45548
|
"attributes": [
|
45549
45549
|
{
|
45550
|
-
"name": "
|
45551
|
-
"description": "
|
45550
|
+
"name": "modelValue",
|
45551
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45552
45552
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45553
|
-
"default": "'div'",
|
45554
45553
|
"value": {
|
45555
45554
|
"kind": "expression",
|
45556
|
-
"type": "
|
45555
|
+
"type": "any"
|
45557
45556
|
}
|
45558
45557
|
},
|
45559
45558
|
{
|
@@ -45566,6 +45565,16 @@
|
|
45566
45565
|
"type": "boolean"
|
45567
45566
|
}
|
45568
45567
|
},
|
45568
|
+
{
|
45569
|
+
"name": "tag",
|
45570
|
+
"description": "Specify a custom tag used on the root element.",
|
45571
|
+
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45572
|
+
"default": "'div'",
|
45573
|
+
"value": {
|
45574
|
+
"kind": "expression",
|
45575
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
45576
|
+
}
|
45577
|
+
},
|
45569
45578
|
{
|
45570
45579
|
"name": "theme",
|
45571
45580
|
"description": "Specify a theme for this component and all of its children.",
|
@@ -45586,32 +45595,23 @@
|
|
45586
45595
|
}
|
45587
45596
|
},
|
45588
45597
|
{
|
45589
|
-
"name": "
|
45590
|
-
"description": "
|
45591
|
-
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45592
|
-
"default": "'v-window-item--active'",
|
45593
|
-
"value": {
|
45594
|
-
"kind": "expression",
|
45595
|
-
"type": "string"
|
45596
|
-
}
|
45597
|
-
},
|
45598
|
-
{
|
45599
|
-
"name": "modelValue",
|
45600
|
-
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45598
|
+
"name": "direction",
|
45599
|
+
"description": "The transition direction when changing windows.",
|
45601
45600
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45601
|
+
"default": "'horizontal'",
|
45602
45602
|
"value": {
|
45603
45603
|
"kind": "expression",
|
45604
|
-
"type": "
|
45604
|
+
"type": "'horizontal' | 'vertical'"
|
45605
45605
|
}
|
45606
45606
|
},
|
45607
45607
|
{
|
45608
|
-
"name": "
|
45609
|
-
"description": "
|
45608
|
+
"name": "selectedClass",
|
45609
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45610
45610
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindow#props",
|
45611
|
-
"default": "'
|
45611
|
+
"default": "'v-window-item--active'",
|
45612
45612
|
"value": {
|
45613
45613
|
"kind": "expression",
|
45614
|
-
"type": "
|
45614
|
+
"type": "string"
|
45615
45615
|
}
|
45616
45616
|
}
|
45617
45617
|
],
|
@@ -45650,12 +45650,13 @@
|
|
45650
45650
|
"doc-url": "https://vuetifyjs.com/api/v-tabs-window-item",
|
45651
45651
|
"attributes": [
|
45652
45652
|
{
|
45653
|
-
"name": "
|
45654
|
-
"description": "
|
45653
|
+
"name": "eager",
|
45654
|
+
"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.",
|
45655
45655
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45656
|
+
"default": "false",
|
45656
45657
|
"value": {
|
45657
45658
|
"kind": "expression",
|
45658
|
-
"type": "
|
45659
|
+
"type": "boolean"
|
45659
45660
|
}
|
45660
45661
|
},
|
45661
45662
|
{
|
@@ -45669,12 +45670,12 @@
|
|
45669
45670
|
}
|
45670
45671
|
},
|
45671
45672
|
{
|
45672
|
-
"name": "
|
45673
|
-
"description": "
|
45673
|
+
"name": "value",
|
45674
|
+
"description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.",
|
45674
45675
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45675
45676
|
"value": {
|
45676
45677
|
"kind": "expression",
|
45677
|
-
"type": "
|
45678
|
+
"type": "any"
|
45678
45679
|
}
|
45679
45680
|
},
|
45680
45681
|
{
|
@@ -45687,22 +45688,21 @@
|
|
45687
45688
|
}
|
45688
45689
|
},
|
45689
45690
|
{
|
45690
|
-
"name": "
|
45691
|
-
"description": "
|
45691
|
+
"name": "reverseTransition",
|
45692
|
+
"description": "Sets the reverse transition.",
|
45692
45693
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45693
|
-
"default": "false",
|
45694
45694
|
"value": {
|
45695
45695
|
"kind": "expression",
|
45696
|
-
"type": "boolean"
|
45696
|
+
"type": "string | boolean"
|
45697
45697
|
}
|
45698
45698
|
},
|
45699
45699
|
{
|
45700
|
-
"name": "
|
45701
|
-
"description": "
|
45700
|
+
"name": "selectedClass",
|
45701
|
+
"description": "Configure the active CSS class applied when an item is selected.",
|
45702
45702
|
"doc-url": "https://vuetifyjs.com/api/VTabsWindowItem#props",
|
45703
45703
|
"value": {
|
45704
45704
|
"kind": "expression",
|
45705
|
-
"type": "string
|
45705
|
+
"type": "string"
|
45706
45706
|
}
|
45707
45707
|
}
|
45708
45708
|
],
|
@@ -45749,27 +45749,27 @@
|
|
45749
45749
|
}
|
45750
45750
|
},
|
45751
45751
|
{
|
45752
|
-
"name": "
|
45753
|
-
"description": "
|
45752
|
+
"name": "modelValue",
|
45753
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
45754
45754
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45755
|
-
"default": "false",
|
45756
45755
|
"value": {
|
45757
45756
|
"kind": "expression",
|
45758
|
-
"type": "
|
45757
|
+
"type": "any"
|
45759
45758
|
}
|
45760
45759
|
},
|
45761
45760
|
{
|
45762
|
-
"name": "
|
45763
|
-
"description": "
|
45761
|
+
"name": "error",
|
45762
|
+
"description": "Puts the input in a manual error state.",
|
45764
45763
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45764
|
+
"default": "false",
|
45765
45765
|
"value": {
|
45766
45766
|
"kind": "expression",
|
45767
|
-
"type": "
|
45767
|
+
"type": "boolean"
|
45768
45768
|
}
|
45769
45769
|
},
|
45770
45770
|
{
|
45771
|
-
"name": "
|
45772
|
-
"description": "
|
45771
|
+
"name": "reverse",
|
45772
|
+
"description": "Reverses the input orientation.",
|
45773
45773
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45774
45774
|
"default": "false",
|
45775
45775
|
"value": {
|
@@ -45778,114 +45778,123 @@
|
|
45778
45778
|
}
|
45779
45779
|
},
|
45780
45780
|
{
|
45781
|
-
"name": "
|
45782
|
-
"description": "
|
45781
|
+
"name": "density",
|
45782
|
+
"description": "Adjusts the vertical height used by the component.",
|
45783
45783
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45784
|
+
"default": "'default'",
|
45784
45785
|
"value": {
|
45785
45786
|
"kind": "expression",
|
45786
|
-
"type": "
|
45787
|
+
"type": "'default' | 'comfortable' | 'compact'"
|
45787
45788
|
}
|
45788
45789
|
},
|
45789
45790
|
{
|
45790
|
-
"name": "
|
45791
|
-
"description": "
|
45791
|
+
"name": "maxWidth",
|
45792
|
+
"description": "Sets the maximum width for the component.",
|
45792
45793
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45793
45794
|
"value": {
|
45794
45795
|
"kind": "expression",
|
45795
|
-
"type": "string"
|
45796
|
+
"type": "string | number"
|
45796
45797
|
}
|
45797
45798
|
},
|
45798
45799
|
{
|
45799
|
-
"name": "
|
45800
|
-
"description": "Sets the
|
45800
|
+
"name": "minWidth",
|
45801
|
+
"description": "Sets the minimum width for the component.",
|
45801
45802
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45802
45803
|
"value": {
|
45803
45804
|
"kind": "expression",
|
45804
|
-
"type": "string"
|
45805
|
+
"type": "string | number"
|
45805
45806
|
}
|
45806
45807
|
},
|
45807
45808
|
{
|
45808
|
-
"name": "
|
45809
|
-
"description": "
|
45809
|
+
"name": "width",
|
45810
|
+
"description": "Sets the width for the component.",
|
45810
45811
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45811
|
-
"default": "false",
|
45812
45812
|
"value": {
|
45813
45813
|
"kind": "expression",
|
45814
|
-
"type": "
|
45814
|
+
"type": "string | number"
|
45815
45815
|
}
|
45816
45816
|
},
|
45817
45817
|
{
|
45818
|
-
"name": "
|
45819
|
-
"description": "
|
45818
|
+
"name": "rounded",
|
45819
|
+
"description": "Adds a border radius to the input.",
|
45820
45820
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45821
45821
|
"value": {
|
45822
45822
|
"kind": "expression",
|
45823
|
-
"type": "string"
|
45823
|
+
"type": "string | number | boolean"
|
45824
45824
|
}
|
45825
45825
|
},
|
45826
45826
|
{
|
45827
|
-
"name": "
|
45828
|
-
"description": "
|
45827
|
+
"name": "tile",
|
45828
|
+
"description": "Removes any applied **border-radius** from the component.",
|
45829
45829
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45830
|
+
"default": "false",
|
45830
45831
|
"value": {
|
45831
45832
|
"kind": "expression",
|
45832
|
-
"type": "
|
45833
|
+
"type": "boolean"
|
45833
45834
|
}
|
45834
45835
|
},
|
45835
45836
|
{
|
45836
|
-
"name": "
|
45837
|
-
"description": "
|
45837
|
+
"name": "theme",
|
45838
|
+
"description": "Specify a theme for this component and all of its children.",
|
45838
45839
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45839
45840
|
"value": {
|
45840
45841
|
"kind": "expression",
|
45841
|
-
"type": "
|
45842
|
+
"type": "string"
|
45842
45843
|
}
|
45843
45844
|
},
|
45844
45845
|
{
|
45845
|
-
"name": "
|
45846
|
-
"description": "
|
45846
|
+
"name": "color",
|
45847
|
+
"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).",
|
45847
45848
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45848
|
-
"default": "null",
|
45849
45849
|
"value": {
|
45850
45850
|
"kind": "expression",
|
45851
|
-
"type": "
|
45851
|
+
"type": "string"
|
45852
45852
|
}
|
45853
45853
|
},
|
45854
45854
|
{
|
45855
|
-
"name": "
|
45856
|
-
"description": "
|
45855
|
+
"name": "variant",
|
45856
|
+
"description": "Applies a distinct style to the component.",
|
45857
45857
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45858
|
-
"default": "'
|
45858
|
+
"default": "'filled'",
|
45859
45859
|
"value": {
|
45860
45860
|
"kind": "expression",
|
45861
|
-
"type": "'
|
45861
|
+
"type": "| 'outlined'\n | 'plain'\n | 'underlined'\n | 'filled'\n | 'solo'\n | 'solo-inverted'\n | 'solo-filled'"
|
45862
45862
|
}
|
45863
45863
|
},
|
45864
45864
|
{
|
45865
|
-
"name": "
|
45866
|
-
"description": "Sets the
|
45865
|
+
"name": "name",
|
45866
|
+
"description": "Sets the component's name attribute.",
|
45867
45867
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45868
45868
|
"value": {
|
45869
45869
|
"kind": "expression",
|
45870
|
-
"type": "string
|
45870
|
+
"type": "string"
|
45871
45871
|
}
|
45872
45872
|
},
|
45873
45873
|
{
|
45874
|
-
"name": "
|
45875
|
-
"description": "Sets the
|
45874
|
+
"name": "label",
|
45875
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
45876
45876
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45877
45877
|
"value": {
|
45878
45878
|
"kind": "expression",
|
45879
|
-
"type": "string
|
45879
|
+
"type": "string"
|
45880
45880
|
}
|
45881
45881
|
},
|
45882
45882
|
{
|
45883
|
-
"name": "
|
45884
|
-
"description": "Sets the
|
45883
|
+
"name": "baseColor",
|
45884
|
+
"description": "Sets the color of the input when it is not focused.",
|
45885
45885
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45886
45886
|
"value": {
|
45887
45887
|
"kind": "expression",
|
45888
|
-
"type": "string
|
45888
|
+
"type": "string"
|
45889
|
+
}
|
45890
|
+
},
|
45891
|
+
{
|
45892
|
+
"name": "bgColor",
|
45893
|
+
"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).",
|
45894
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45895
|
+
"value": {
|
45896
|
+
"kind": "expression",
|
45897
|
+
"type": "string"
|
45889
45898
|
}
|
45890
45899
|
},
|
45891
45900
|
{
|
@@ -45899,37 +45908,37 @@
|
|
45899
45908
|
}
|
45900
45909
|
},
|
45901
45910
|
{
|
45902
|
-
"name": "
|
45903
|
-
"description": "
|
45911
|
+
"name": "id",
|
45912
|
+
"description": "Sets the DOM id on the component.",
|
45904
45913
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45905
|
-
"default": "false",
|
45906
45914
|
"value": {
|
45907
45915
|
"kind": "expression",
|
45908
|
-
"type": "string
|
45916
|
+
"type": "string"
|
45909
45917
|
}
|
45910
45918
|
},
|
45911
45919
|
{
|
45912
|
-
"name": "
|
45913
|
-
"description": "
|
45920
|
+
"name": "autofocus",
|
45921
|
+
"description": "Enables autofocus.",
|
45914
45922
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45923
|
+
"default": "false",
|
45915
45924
|
"value": {
|
45916
45925
|
"kind": "expression",
|
45917
|
-
"type": "
|
45926
|
+
"type": "boolean"
|
45918
45927
|
}
|
45919
45928
|
},
|
45920
45929
|
{
|
45921
|
-
"name": "
|
45922
|
-
"description": "
|
45930
|
+
"name": "counter",
|
45931
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
45923
45932
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45924
45933
|
"default": "false",
|
45925
45934
|
"value": {
|
45926
45935
|
"kind": "expression",
|
45927
|
-
"type": "boolean"
|
45936
|
+
"type": "string | number | boolean"
|
45928
45937
|
}
|
45929
45938
|
},
|
45930
45939
|
{
|
45931
|
-
"name": "
|
45932
|
-
"description": "
|
45940
|
+
"name": "prefix",
|
45941
|
+
"description": "Displays prefix text.",
|
45933
45942
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45934
45943
|
"value": {
|
45935
45944
|
"kind": "expression",
|
@@ -45937,36 +45946,37 @@
|
|
45937
45946
|
}
|
45938
45947
|
},
|
45939
45948
|
{
|
45940
|
-
"name": "
|
45941
|
-
"description": "
|
45949
|
+
"name": "placeholder",
|
45950
|
+
"description": "Sets the input’s placeholder text.",
|
45942
45951
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45943
|
-
"default": "'filled'",
|
45944
45952
|
"value": {
|
45945
45953
|
"kind": "expression",
|
45946
|
-
"type": "
|
45954
|
+
"type": "string"
|
45947
45955
|
}
|
45948
45956
|
},
|
45949
45957
|
{
|
45950
|
-
"name": "
|
45951
|
-
"description": "
|
45958
|
+
"name": "persistentPlaceholder",
|
45959
|
+
"description": "Forces placeholder to always be visible.",
|
45952
45960
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45961
|
+
"default": "false",
|
45953
45962
|
"value": {
|
45954
45963
|
"kind": "expression",
|
45955
|
-
"type": "
|
45964
|
+
"type": "boolean"
|
45956
45965
|
}
|
45957
45966
|
},
|
45958
45967
|
{
|
45959
|
-
"name": "
|
45960
|
-
"description": "
|
45968
|
+
"name": "persistentCounter",
|
45969
|
+
"description": "Forces counter to always be visible.",
|
45961
45970
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45971
|
+
"default": "false",
|
45962
45972
|
"value": {
|
45963
45973
|
"kind": "expression",
|
45964
|
-
"type": "
|
45974
|
+
"type": "boolean"
|
45965
45975
|
}
|
45966
45976
|
},
|
45967
45977
|
{
|
45968
|
-
"name": "
|
45969
|
-
"description": "Displays
|
45978
|
+
"name": "suffix",
|
45979
|
+
"description": "Displays suffix text.",
|
45970
45980
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45971
45981
|
"value": {
|
45972
45982
|
"kind": "expression",
|
@@ -45983,22 +45993,12 @@
|
|
45983
45993
|
}
|
45984
45994
|
},
|
45985
45995
|
{
|
45986
|
-
"name": "
|
45987
|
-
"description": "
|
45988
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45989
|
-
"default": "'horizontal'",
|
45990
|
-
"value": {
|
45991
|
-
"kind": "expression",
|
45992
|
-
"type": "'horizontal' | 'vertical'"
|
45993
|
-
}
|
45994
|
-
},
|
45995
|
-
{
|
45996
|
-
"name": "placeholder",
|
45997
|
-
"description": "Sets the input’s placeholder text.",
|
45996
|
+
"name": "appendIcon",
|
45997
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
45998
45998
|
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
45999
45999
|
"value": {
|
46000
46000
|
"kind": "expression",
|
46001
|
-
"type": "string"
|
46001
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46002
46002
|
}
|
46003
46003
|
},
|
46004
46004
|
{
|
@@ -46030,6 +46030,15 @@
|
|
46030
46030
|
"type": "string | boolean"
|
46031
46031
|
}
|
46032
46032
|
},
|
46033
|
+
{
|
46034
|
+
"name": "prependIcon",
|
46035
|
+
"description": "Prepends an icon to the outnside the component's input, uses the same syntax as `v-icon`.",
|
46036
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46037
|
+
"value": {
|
46038
|
+
"kind": "expression",
|
46039
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46040
|
+
}
|
46041
|
+
},
|
46033
46042
|
{
|
46034
46043
|
"name": "hideSpinButtons",
|
46035
46044
|
"description": "Hides spin buttons on the input when type is set to `number`.",
|
@@ -46069,6 +46078,16 @@
|
|
46069
46078
|
"type": "string | string[]"
|
46070
46079
|
}
|
46071
46080
|
},
|
46081
|
+
{
|
46082
|
+
"name": "direction",
|
46083
|
+
"description": "Changes the direction of the input.",
|
46084
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46085
|
+
"default": "'horizontal'",
|
46086
|
+
"value": {
|
46087
|
+
"kind": "expression",
|
46088
|
+
"type": "'horizontal' | 'vertical'"
|
46089
|
+
}
|
46090
|
+
},
|
46072
46091
|
{
|
46073
46092
|
"name": "errorMessages",
|
46074
46093
|
"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.",
|
@@ -46089,6 +46108,16 @@
|
|
46089
46108
|
"type": "string | number"
|
46090
46109
|
}
|
46091
46110
|
},
|
46111
|
+
{
|
46112
|
+
"name": "readonly",
|
46113
|
+
"description": "Puts input in readonly state.",
|
46114
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46115
|
+
"default": "null",
|
46116
|
+
"value": {
|
46117
|
+
"kind": "expression",
|
46118
|
+
"type": "boolean"
|
46119
|
+
}
|
46120
|
+
},
|
46092
46121
|
{
|
46093
46122
|
"name": "rules",
|
46094
46123
|
"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`.",
|
@@ -46137,55 +46166,6 @@
|
|
46137
46166
|
"type": "boolean | 'auto'"
|
46138
46167
|
}
|
46139
46168
|
},
|
46140
|
-
{
|
46141
|
-
"name": "autofocus",
|
46142
|
-
"description": "Enables autofocus.",
|
46143
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46144
|
-
"default": "false",
|
46145
|
-
"value": {
|
46146
|
-
"kind": "expression",
|
46147
|
-
"type": "boolean"
|
46148
|
-
}
|
46149
|
-
},
|
46150
|
-
{
|
46151
|
-
"name": "counter",
|
46152
|
-
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
46153
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46154
|
-
"default": "false",
|
46155
|
-
"value": {
|
46156
|
-
"kind": "expression",
|
46157
|
-
"type": "string | number | boolean"
|
46158
|
-
}
|
46159
|
-
},
|
46160
|
-
{
|
46161
|
-
"name": "persistentPlaceholder",
|
46162
|
-
"description": "Forces placeholder to always be visible.",
|
46163
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46164
|
-
"default": "false",
|
46165
|
-
"value": {
|
46166
|
-
"kind": "expression",
|
46167
|
-
"type": "boolean"
|
46168
|
-
}
|
46169
|
-
},
|
46170
|
-
{
|
46171
|
-
"name": "persistentCounter",
|
46172
|
-
"description": "Forces counter to always be visible.",
|
46173
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46174
|
-
"default": "false",
|
46175
|
-
"value": {
|
46176
|
-
"kind": "expression",
|
46177
|
-
"type": "boolean"
|
46178
|
-
}
|
46179
|
-
},
|
46180
|
-
{
|
46181
|
-
"name": "suffix",
|
46182
|
-
"description": "Displays suffix text.",
|
46183
|
-
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46184
|
-
"value": {
|
46185
|
-
"kind": "expression",
|
46186
|
-
"type": "string"
|
46187
|
-
}
|
46188
|
-
},
|
46189
46169
|
{
|
46190
46170
|
"name": "appendInnerIcon",
|
46191
46171
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.",
|
@@ -46215,6 +46195,16 @@
|
|
46215
46195
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46216
46196
|
}
|
46217
46197
|
},
|
46198
|
+
{
|
46199
|
+
"name": "active",
|
46200
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
46201
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46202
|
+
"default": "false",
|
46203
|
+
"value": {
|
46204
|
+
"kind": "expression",
|
46205
|
+
"type": "boolean"
|
46206
|
+
}
|
46207
|
+
},
|
46218
46208
|
{
|
46219
46209
|
"name": "dirty",
|
46220
46210
|
"description": "Manually apply the dirty state styling.",
|
@@ -46254,6 +46244,16 @@
|
|
46254
46244
|
"type": "boolean"
|
46255
46245
|
}
|
46256
46246
|
},
|
46247
|
+
{
|
46248
|
+
"name": "loading",
|
46249
|
+
"description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color.",
|
46250
|
+
"doc-url": "https://vuetifyjs.com/api/VTextField#props",
|
46251
|
+
"default": "false",
|
46252
|
+
"value": {
|
46253
|
+
"kind": "expression",
|
46254
|
+
"type": "string | boolean"
|
46255
|
+
}
|
46256
|
+
},
|
46257
46257
|
{
|
46258
46258
|
"name": "counterValue",
|
46259
46259
|
"description": "Function returns the counter display text.",
|
@@ -46376,8 +46376,8 @@
|
|
46376
46376
|
],
|
46377
46377
|
"slots": [
|
46378
46378
|
{
|
46379
|
-
"name": "
|
46380
|
-
"description": "
|
46379
|
+
"name": "prepend",
|
46380
|
+
"description": "Adds an item outside the input and before input content.",
|
46381
46381
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46382
46382
|
"vue-properties": [
|
46383
46383
|
{
|
@@ -46427,18 +46427,8 @@
|
|
46427
46427
|
]
|
46428
46428
|
},
|
46429
46429
|
{
|
46430
|
-
"name": "
|
46431
|
-
"description": "
|
46432
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46433
|
-
},
|
46434
|
-
{
|
46435
|
-
"name": "clear",
|
46436
|
-
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
46437
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46438
|
-
},
|
46439
|
-
{
|
46440
|
-
"name": "prepend",
|
46441
|
-
"description": "Adds an item outside the input and before input content.",
|
46430
|
+
"name": "append",
|
46431
|
+
"description": "Adds an item inside the input and after input content.",
|
46442
46432
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46443
46433
|
"vue-properties": [
|
46444
46434
|
{
|
@@ -46488,8 +46478,8 @@
|
|
46488
46478
|
]
|
46489
46479
|
},
|
46490
46480
|
{
|
46491
|
-
"name": "
|
46492
|
-
"description": "
|
46481
|
+
"name": "details",
|
46482
|
+
"description": "Slot for custom input details to modifying the display of [messages](#props-messages).",
|
46493
46483
|
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46494
46484
|
"vue-properties": [
|
46495
46485
|
{
|
@@ -46538,21 +46528,6 @@
|
|
46538
46528
|
}
|
46539
46529
|
]
|
46540
46530
|
},
|
46541
|
-
{
|
46542
|
-
"name": "loader",
|
46543
|
-
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
46544
|
-
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46545
|
-
"vue-properties": [
|
46546
|
-
{
|
46547
|
-
"name": "color",
|
46548
|
-
"type": "string"
|
46549
|
-
},
|
46550
|
-
{
|
46551
|
-
"name": "isActive",
|
46552
|
-
"type": "boolean"
|
46553
|
-
}
|
46554
|
-
]
|
46555
|
-
},
|
46556
46531
|
{
|
46557
46532
|
"name": "message",
|
46558
46533
|
"description": "Slot used to customize the message content.",
|
@@ -46564,6 +46539,11 @@
|
|
46564
46539
|
}
|
46565
46540
|
]
|
46566
46541
|
},
|
46542
|
+
{
|
46543
|
+
"name": "clear",
|
46544
|
+
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
46545
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46546
|
+
},
|
46567
46547
|
{
|
46568
46548
|
"name": "prepend-inner",
|
46569
46549
|
"description": "Slot that is prepended to the input.",
|
@@ -46618,6 +46598,26 @@
|
|
46618
46598
|
}
|
46619
46599
|
]
|
46620
46600
|
},
|
46601
|
+
{
|
46602
|
+
"name": "label",
|
46603
|
+
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
46604
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots"
|
46605
|
+
},
|
46606
|
+
{
|
46607
|
+
"name": "loader",
|
46608
|
+
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
46609
|
+
"doc-url": "https://vuetifyjs.com/api/v-text-field#slots",
|
46610
|
+
"vue-properties": [
|
46611
|
+
{
|
46612
|
+
"name": "color",
|
46613
|
+
"type": "string"
|
46614
|
+
},
|
46615
|
+
{
|
46616
|
+
"name": "isActive",
|
46617
|
+
"type": "boolean"
|
46618
|
+
}
|
46619
|
+
]
|
46620
|
+
},
|
46621
46621
|
{
|
46622
46622
|
"name": "default",
|
46623
46623
|
"description": "The default Vue slot.",
|
@@ -46668,12 +46668,22 @@
|
|
46668
46668
|
}
|
46669
46669
|
},
|
46670
46670
|
{
|
46671
|
-
"name": "
|
46672
|
-
"description": "
|
46671
|
+
"name": "reverse",
|
46672
|
+
"description": "Reverses the orientation.",
|
46673
46673
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46674
|
+
"default": "false",
|
46674
46675
|
"value": {
|
46675
46676
|
"kind": "expression",
|
46676
|
-
"type": "
|
46677
|
+
"type": "boolean"
|
46678
|
+
}
|
46679
|
+
},
|
46680
|
+
{
|
46681
|
+
"name": "name",
|
46682
|
+
"description": "Sets the component's name attribute.",
|
46683
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46684
|
+
"value": {
|
46685
|
+
"kind": "expression",
|
46686
|
+
"type": "string"
|
46677
46687
|
}
|
46678
46688
|
},
|
46679
46689
|
{
|
@@ -46687,8 +46697,35 @@
|
|
46687
46697
|
}
|
46688
46698
|
},
|
46689
46699
|
{
|
46690
|
-
"name": "
|
46691
|
-
"description": "
|
46700
|
+
"name": "label",
|
46701
|
+
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
46702
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46703
|
+
"value": {
|
46704
|
+
"kind": "expression",
|
46705
|
+
"type": "string"
|
46706
|
+
}
|
46707
|
+
},
|
46708
|
+
{
|
46709
|
+
"name": "theme",
|
46710
|
+
"description": "Specify a theme for this component and all of its children.",
|
46711
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46712
|
+
"value": {
|
46713
|
+
"kind": "expression",
|
46714
|
+
"type": "string"
|
46715
|
+
}
|
46716
|
+
},
|
46717
|
+
{
|
46718
|
+
"name": "id",
|
46719
|
+
"description": "Sets the DOM id on the component.",
|
46720
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46721
|
+
"value": {
|
46722
|
+
"kind": "expression",
|
46723
|
+
"type": "string"
|
46724
|
+
}
|
46725
|
+
},
|
46726
|
+
{
|
46727
|
+
"name": "active",
|
46728
|
+
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
46692
46729
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46693
46730
|
"default": "false",
|
46694
46731
|
"value": {
|
@@ -46696,6 +46733,43 @@
|
|
46696
46733
|
"type": "boolean"
|
46697
46734
|
}
|
46698
46735
|
},
|
46736
|
+
{
|
46737
|
+
"name": "baseColor",
|
46738
|
+
"description": "Sets the color of the input when it is not focused.",
|
46739
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46740
|
+
"value": {
|
46741
|
+
"kind": "expression",
|
46742
|
+
"type": "string"
|
46743
|
+
}
|
46744
|
+
},
|
46745
|
+
{
|
46746
|
+
"name": "prependIcon",
|
46747
|
+
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
46748
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46749
|
+
"value": {
|
46750
|
+
"kind": "expression",
|
46751
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46752
|
+
}
|
46753
|
+
},
|
46754
|
+
{
|
46755
|
+
"name": "appendIcon",
|
46756
|
+
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
46757
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46758
|
+
"value": {
|
46759
|
+
"kind": "expression",
|
46760
|
+
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46761
|
+
}
|
46762
|
+
},
|
46763
|
+
{
|
46764
|
+
"name": "readonly",
|
46765
|
+
"description": "Puts input in readonly state.",
|
46766
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46767
|
+
"default": "null",
|
46768
|
+
"value": {
|
46769
|
+
"kind": "expression",
|
46770
|
+
"type": "boolean"
|
46771
|
+
}
|
46772
|
+
},
|
46699
46773
|
{
|
46700
46774
|
"name": "density",
|
46701
46775
|
"description": "Adjusts the vertical height used by the component.",
|
@@ -46734,31 +46808,42 @@
|
|
46734
46808
|
}
|
46735
46809
|
},
|
46736
46810
|
{
|
46737
|
-
"name": "
|
46738
|
-
"description": "
|
46811
|
+
"name": "disabled",
|
46812
|
+
"description": "Removes the ability to click or target the input.",
|
46739
46813
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46814
|
+
"default": "null",
|
46740
46815
|
"value": {
|
46741
46816
|
"kind": "expression",
|
46742
|
-
"type": "
|
46817
|
+
"type": "boolean"
|
46743
46818
|
}
|
46744
46819
|
},
|
46745
46820
|
{
|
46746
|
-
"name": "
|
46747
|
-
"description": "
|
46821
|
+
"name": "loading",
|
46822
|
+
"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.",
|
46748
46823
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46749
46824
|
"default": "false",
|
46750
46825
|
"value": {
|
46751
46826
|
"kind": "expression",
|
46752
|
-
"type": "boolean"
|
46827
|
+
"type": "string | boolean"
|
46753
46828
|
}
|
46754
46829
|
},
|
46755
46830
|
{
|
46756
|
-
"name": "
|
46757
|
-
"description": "
|
46831
|
+
"name": "rounded",
|
46832
|
+
"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).",
|
46758
46833
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46759
46834
|
"value": {
|
46760
46835
|
"kind": "expression",
|
46761
|
-
"type": "string"
|
46836
|
+
"type": "string | number | boolean"
|
46837
|
+
}
|
46838
|
+
},
|
46839
|
+
{
|
46840
|
+
"name": "tile",
|
46841
|
+
"description": "Removes any applied **border-radius** from the component.",
|
46842
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46843
|
+
"default": "false",
|
46844
|
+
"value": {
|
46845
|
+
"kind": "expression",
|
46846
|
+
"type": "boolean"
|
46762
46847
|
}
|
46763
46848
|
},
|
46764
46849
|
{
|
@@ -46781,17 +46866,17 @@
|
|
46781
46866
|
}
|
46782
46867
|
},
|
46783
46868
|
{
|
46784
|
-
"name": "
|
46785
|
-
"description": "
|
46869
|
+
"name": "modelValue",
|
46870
|
+
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
|
46786
46871
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46787
46872
|
"value": {
|
46788
46873
|
"kind": "expression",
|
46789
|
-
"type": "
|
46874
|
+
"type": "any"
|
46790
46875
|
}
|
46791
46876
|
},
|
46792
46877
|
{
|
46793
|
-
"name": "
|
46794
|
-
"description": "
|
46878
|
+
"name": "bgColor",
|
46879
|
+
"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).",
|
46795
46880
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46796
46881
|
"value": {
|
46797
46882
|
"kind": "expression",
|
@@ -46799,8 +46884,8 @@
|
|
46799
46884
|
}
|
46800
46885
|
},
|
46801
46886
|
{
|
46802
|
-
"name": "
|
46803
|
-
"description": "
|
46887
|
+
"name": "prefix",
|
46888
|
+
"description": "Displays prefix text.",
|
46804
46889
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46805
46890
|
"value": {
|
46806
46891
|
"kind": "expression",
|
@@ -46808,8 +46893,18 @@
|
|
46808
46893
|
}
|
46809
46894
|
},
|
46810
46895
|
{
|
46811
|
-
"name": "
|
46812
|
-
"description": "
|
46896
|
+
"name": "direction",
|
46897
|
+
"description": "Changes the direction of the input.",
|
46898
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46899
|
+
"default": "'horizontal'",
|
46900
|
+
"value": {
|
46901
|
+
"kind": "expression",
|
46902
|
+
"type": "'horizontal' | 'vertical'"
|
46903
|
+
}
|
46904
|
+
},
|
46905
|
+
{
|
46906
|
+
"name": "placeholder",
|
46907
|
+
"description": "Sets the input's placeholder text.",
|
46813
46908
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46814
46909
|
"value": {
|
46815
46910
|
"kind": "expression",
|
@@ -46817,18 +46912,47 @@
|
|
46817
46912
|
}
|
46818
46913
|
},
|
46819
46914
|
{
|
46820
|
-
"name": "
|
46821
|
-
"description": "
|
46915
|
+
"name": "centerAffix",
|
46916
|
+
"description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center.",
|
46822
46917
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46823
|
-
"default": "null",
|
46824
46918
|
"value": {
|
46825
46919
|
"kind": "expression",
|
46826
46920
|
"type": "boolean"
|
46827
46921
|
}
|
46828
46922
|
},
|
46829
46923
|
{
|
46830
|
-
"name": "
|
46831
|
-
"description": "
|
46924
|
+
"name": "glow",
|
46925
|
+
"description": "Makes prepend/append icons full opacity when the field is focused and apply color.",
|
46926
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46927
|
+
"default": "false",
|
46928
|
+
"value": {
|
46929
|
+
"kind": "expression",
|
46930
|
+
"type": "boolean"
|
46931
|
+
}
|
46932
|
+
},
|
46933
|
+
{
|
46934
|
+
"name": "iconColor",
|
46935
|
+
"description": "Sets the color of the prepend/append icons.",
|
46936
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46937
|
+
"default": "false",
|
46938
|
+
"value": {
|
46939
|
+
"kind": "expression",
|
46940
|
+
"type": "string | boolean"
|
46941
|
+
}
|
46942
|
+
},
|
46943
|
+
{
|
46944
|
+
"name": "hideSpinButtons",
|
46945
|
+
"description": "Hides spin buttons on the input when type is set to `number`.",
|
46946
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46947
|
+
"default": "false",
|
46948
|
+
"value": {
|
46949
|
+
"kind": "expression",
|
46950
|
+
"type": "boolean"
|
46951
|
+
}
|
46952
|
+
},
|
46953
|
+
{
|
46954
|
+
"name": "hint",
|
46955
|
+
"description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property.",
|
46832
46956
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46833
46957
|
"value": {
|
46834
46958
|
"kind": "expression",
|
@@ -46836,8 +46960,8 @@
|
|
46836
46960
|
}
|
46837
46961
|
},
|
46838
46962
|
{
|
46839
|
-
"name": "
|
46840
|
-
"description": "
|
46963
|
+
"name": "persistentHint",
|
46964
|
+
"description": "Forces [hint](#props-hint) to always be visible.",
|
46841
46965
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46842
46966
|
"default": "false",
|
46843
46967
|
"value": {
|
@@ -46846,31 +46970,101 @@
|
|
46846
46970
|
}
|
46847
46971
|
},
|
46848
46972
|
{
|
46849
|
-
"name": "
|
46850
|
-
"description": "
|
46973
|
+
"name": "messages",
|
46974
|
+
"description": "Displays a list of messages or a single message if using a string.",
|
46975
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46976
|
+
"default": "[]",
|
46977
|
+
"value": {
|
46978
|
+
"kind": "expression",
|
46979
|
+
"type": "string | string[]"
|
46980
|
+
}
|
46981
|
+
},
|
46982
|
+
{
|
46983
|
+
"name": "errorMessages",
|
46984
|
+
"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.",
|
46985
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46986
|
+
"default": "[]",
|
46987
|
+
"value": {
|
46988
|
+
"kind": "expression",
|
46989
|
+
"type": "string | string[]"
|
46990
|
+
}
|
46991
|
+
},
|
46992
|
+
{
|
46993
|
+
"name": "maxErrors",
|
46994
|
+
"description": "Control the maximum number of shown errors from validation.",
|
46995
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46996
|
+
"default": "1",
|
46997
|
+
"value": {
|
46998
|
+
"kind": "expression",
|
46999
|
+
"type": "string | number"
|
47000
|
+
}
|
47001
|
+
},
|
47002
|
+
{
|
47003
|
+
"name": "rules",
|
47004
|
+
"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`.",
|
47005
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47006
|
+
"default": "[]",
|
47007
|
+
"value": {
|
47008
|
+
"kind": "expression",
|
47009
|
+
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]"
|
47010
|
+
}
|
47011
|
+
},
|
47012
|
+
{
|
47013
|
+
"name": "validateOn",
|
47014
|
+
"description": "Change what type of event triggers validation to run.",
|
47015
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47016
|
+
"value": {
|
47017
|
+
"kind": "expression",
|
47018
|
+
"type": "| 'eager'\n | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'invalid-input'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'invalid-input lazy'\n | 'blur eager'\n | 'input eager'\n | 'submit eager'\n | 'invalid-input eager'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n | 'lazy invalid-input'\n | 'eager blur'\n | 'eager input'\n | 'eager submit'\n | 'eager invalid-input'"
|
47019
|
+
}
|
47020
|
+
},
|
47021
|
+
{
|
47022
|
+
"name": "validationValue",
|
47023
|
+
"description": "The value used when applying validation rules.",
|
47024
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47025
|
+
"value": {
|
47026
|
+
"kind": "expression",
|
47027
|
+
"type": "any"
|
47028
|
+
}
|
47029
|
+
},
|
47030
|
+
{
|
47031
|
+
"name": "focused",
|
47032
|
+
"description": "Forces a focused state styling on the component.",
|
46851
47033
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46852
47034
|
"default": "false",
|
46853
47035
|
"value": {
|
46854
47036
|
"kind": "expression",
|
46855
|
-
"type": "
|
47037
|
+
"type": "boolean"
|
46856
47038
|
}
|
46857
47039
|
},
|
46858
47040
|
{
|
46859
|
-
"name": "
|
46860
|
-
"description": "
|
47041
|
+
"name": "hideDetails",
|
47042
|
+
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display.",
|
46861
47043
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47044
|
+
"default": "false",
|
46862
47045
|
"value": {
|
46863
47046
|
"kind": "expression",
|
46864
|
-
"type": "
|
47047
|
+
"type": "boolean | 'auto'"
|
46865
47048
|
}
|
46866
47049
|
},
|
46867
47050
|
{
|
46868
|
-
"name": "
|
46869
|
-
"description": "
|
47051
|
+
"name": "autofocus",
|
47052
|
+
"description": "The element should be focused as soon as the page loads.",
|
46870
47053
|
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47054
|
+
"default": "false",
|
46871
47055
|
"value": {
|
46872
47056
|
"kind": "expression",
|
46873
|
-
"type": "
|
47057
|
+
"type": "boolean"
|
47058
|
+
}
|
47059
|
+
},
|
47060
|
+
{
|
47061
|
+
"name": "counter",
|
47062
|
+
"description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.",
|
47063
|
+
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47064
|
+
"default": "false",
|
47065
|
+
"value": {
|
47066
|
+
"kind": "expression",
|
47067
|
+
"type": "string | number | true"
|
46874
47068
|
}
|
46875
47069
|
},
|
46876
47070
|
{
|
@@ -46902,180 +47096,6 @@
|
|
46902
47096
|
"type": "string"
|
46903
47097
|
}
|
46904
47098
|
},
|
46905
|
-
{
|
46906
|
-
"name": "appendIcon",
|
46907
|
-
"description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot.",
|
46908
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46909
|
-
"value": {
|
46910
|
-
"kind": "expression",
|
46911
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46912
|
-
}
|
46913
|
-
},
|
46914
|
-
{
|
46915
|
-
"name": "centerAffix",
|
46916
|
-
"description": "Vertically align **appendInner**, **prependInner**, **clearIcon** and **label** in the center.",
|
46917
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46918
|
-
"value": {
|
46919
|
-
"kind": "expression",
|
46920
|
-
"type": "boolean"
|
46921
|
-
}
|
46922
|
-
},
|
46923
|
-
{
|
46924
|
-
"name": "glow",
|
46925
|
-
"description": "Makes prepend/append icons full opacity when the field is focused and apply color.",
|
46926
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46927
|
-
"default": "false",
|
46928
|
-
"value": {
|
46929
|
-
"kind": "expression",
|
46930
|
-
"type": "boolean"
|
46931
|
-
}
|
46932
|
-
},
|
46933
|
-
{
|
46934
|
-
"name": "iconColor",
|
46935
|
-
"description": "Sets the color of the prepend/append icons.",
|
46936
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46937
|
-
"default": "false",
|
46938
|
-
"value": {
|
46939
|
-
"kind": "expression",
|
46940
|
-
"type": "string | boolean"
|
46941
|
-
}
|
46942
|
-
},
|
46943
|
-
{
|
46944
|
-
"name": "prependIcon",
|
46945
|
-
"description": "Prepends an icon to the component, uses the same syntax as `v-icon`.",
|
46946
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46947
|
-
"value": {
|
46948
|
-
"kind": "expression",
|
46949
|
-
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
46950
|
-
}
|
46951
|
-
},
|
46952
|
-
{
|
46953
|
-
"name": "hideSpinButtons",
|
46954
|
-
"description": "Hides spin buttons on the input when type is set to `number`.",
|
46955
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46956
|
-
"default": "false",
|
46957
|
-
"value": {
|
46958
|
-
"kind": "expression",
|
46959
|
-
"type": "boolean"
|
46960
|
-
}
|
46961
|
-
},
|
46962
|
-
{
|
46963
|
-
"name": "hint",
|
46964
|
-
"description": "Displays hint text below the input when focused. Force this always open with the [persistent-hint](#props-persistent-hint) property.",
|
46965
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46966
|
-
"value": {
|
46967
|
-
"kind": "expression",
|
46968
|
-
"type": "string"
|
46969
|
-
}
|
46970
|
-
},
|
46971
|
-
{
|
46972
|
-
"name": "persistentHint",
|
46973
|
-
"description": "Forces [hint](#props-hint) to always be visible.",
|
46974
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46975
|
-
"default": "false",
|
46976
|
-
"value": {
|
46977
|
-
"kind": "expression",
|
46978
|
-
"type": "boolean"
|
46979
|
-
}
|
46980
|
-
},
|
46981
|
-
{
|
46982
|
-
"name": "messages",
|
46983
|
-
"description": "Displays a list of messages or a single message if using a string.",
|
46984
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46985
|
-
"default": "[]",
|
46986
|
-
"value": {
|
46987
|
-
"kind": "expression",
|
46988
|
-
"type": "string | string[]"
|
46989
|
-
}
|
46990
|
-
},
|
46991
|
-
{
|
46992
|
-
"name": "direction",
|
46993
|
-
"description": "Changes the direction of the input.",
|
46994
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
46995
|
-
"default": "'horizontal'",
|
46996
|
-
"value": {
|
46997
|
-
"kind": "expression",
|
46998
|
-
"type": "'horizontal' | 'vertical'"
|
46999
|
-
}
|
47000
|
-
},
|
47001
|
-
{
|
47002
|
-
"name": "errorMessages",
|
47003
|
-
"description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the **rules** prop. This field will not trigger validation.",
|
47004
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47005
|
-
"default": "[]",
|
47006
|
-
"value": {
|
47007
|
-
"kind": "expression",
|
47008
|
-
"type": "string | string[]"
|
47009
|
-
}
|
47010
|
-
},
|
47011
|
-
{
|
47012
|
-
"name": "maxErrors",
|
47013
|
-
"description": "Control the maximum number of shown errors from validation.",
|
47014
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47015
|
-
"default": "1",
|
47016
|
-
"value": {
|
47017
|
-
"kind": "expression",
|
47018
|
-
"type": "string | number"
|
47019
|
-
}
|
47020
|
-
},
|
47021
|
-
{
|
47022
|
-
"name": "readonly",
|
47023
|
-
"description": "Puts input in readonly state.",
|
47024
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47025
|
-
"default": "null",
|
47026
|
-
"value": {
|
47027
|
-
"kind": "expression",
|
47028
|
-
"type": "boolean"
|
47029
|
-
}
|
47030
|
-
},
|
47031
|
-
{
|
47032
|
-
"name": "rules",
|
47033
|
-
"description": "Accepts a mixed array of types `function`, `boolean` and `string`. Functions pass an input value as an argument and must return either `true` / `false` or a `string` containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) `false` or is a `string`.",
|
47034
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47035
|
-
"default": "[]",
|
47036
|
-
"value": {
|
47037
|
-
"kind": "expression",
|
47038
|
-
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/validation.ts#L17-L21\" target=\"_blank\">ValidationRule</a>[]"
|
47039
|
-
}
|
47040
|
-
},
|
47041
|
-
{
|
47042
|
-
"name": "validateOn",
|
47043
|
-
"description": "Change what type of event triggers validation to run.",
|
47044
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47045
|
-
"value": {
|
47046
|
-
"kind": "expression",
|
47047
|
-
"type": "| 'eager'\n | 'lazy'\n | 'blur'\n | 'input'\n | 'submit'\n | 'invalid-input'\n | 'blur lazy'\n | 'input lazy'\n | 'submit lazy'\n | 'invalid-input lazy'\n | 'blur eager'\n | 'input eager'\n | 'submit eager'\n | 'invalid-input eager'\n | 'lazy blur'\n | 'lazy input'\n | 'lazy submit'\n | 'lazy invalid-input'\n | 'eager blur'\n | 'eager input'\n | 'eager submit'\n | 'eager invalid-input'"
|
47048
|
-
}
|
47049
|
-
},
|
47050
|
-
{
|
47051
|
-
"name": "validationValue",
|
47052
|
-
"description": "The value used when applying validation rules.",
|
47053
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47054
|
-
"value": {
|
47055
|
-
"kind": "expression",
|
47056
|
-
"type": "any"
|
47057
|
-
}
|
47058
|
-
},
|
47059
|
-
{
|
47060
|
-
"name": "focused",
|
47061
|
-
"description": "Forces a focused state styling on the component.",
|
47062
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47063
|
-
"default": "false",
|
47064
|
-
"value": {
|
47065
|
-
"kind": "expression",
|
47066
|
-
"type": "boolean"
|
47067
|
-
}
|
47068
|
-
},
|
47069
|
-
{
|
47070
|
-
"name": "hideDetails",
|
47071
|
-
"description": "Hides hint and validation errors. When set to `auto` messages will be rendered only if there's a message (hint, error message, counter value etc) to display.",
|
47072
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47073
|
-
"default": "false",
|
47074
|
-
"value": {
|
47075
|
-
"kind": "expression",
|
47076
|
-
"type": "boolean | 'auto'"
|
47077
|
-
}
|
47078
|
-
},
|
47079
47099
|
{
|
47080
47100
|
"name": "appendInnerIcon",
|
47081
47101
|
"description": "Creates a [v-icon](/api/v-icon/) component in the **append-inner** slot.",
|
@@ -47105,16 +47125,6 @@
|
|
47105
47125
|
"type": "| string\n | (string | [string, number])[]\n | (new () => any)\n | FunctionalComponent"
|
47106
47126
|
}
|
47107
47127
|
},
|
47108
|
-
{
|
47109
|
-
"name": "active",
|
47110
|
-
"description": "Controls the **active** state of the item. This is typically used to highlight the component.",
|
47111
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47112
|
-
"default": "false",
|
47113
|
-
"value": {
|
47114
|
-
"kind": "expression",
|
47115
|
-
"type": "boolean"
|
47116
|
-
}
|
47117
|
-
},
|
47118
47128
|
{
|
47119
47129
|
"name": "dirty",
|
47120
47130
|
"description": "Manually apply the dirty state styling.",
|
@@ -47154,16 +47164,6 @@
|
|
47154
47164
|
"type": "boolean"
|
47155
47165
|
}
|
47156
47166
|
},
|
47157
|
-
{
|
47158
|
-
"name": "loading",
|
47159
|
-
"description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component **color** (set by color prop - if it's supported by the component) or the primary color.",
|
47160
|
-
"doc-url": "https://vuetifyjs.com/api/VTextarea#props",
|
47161
|
-
"default": "false",
|
47162
|
-
"value": {
|
47163
|
-
"kind": "expression",
|
47164
|
-
"type": "string | boolean"
|
47165
|
-
}
|
47166
|
-
},
|
47167
47167
|
{
|
47168
47168
|
"name": "counterValue",
|
47169
47169
|
"description": "Display the input length but do not provide any validation.",
|
@@ -47325,8 +47325,8 @@
|
|
47325
47325
|
],
|
47326
47326
|
"slots": [
|
47327
47327
|
{
|
47328
|
-
"name": "
|
47329
|
-
"description": "
|
47328
|
+
"name": "details",
|
47329
|
+
"description": "Slot for custom input details to modifying the display of [messages](#props-messages).",
|
47330
47330
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47331
47331
|
"vue-properties": [
|
47332
47332
|
{
|
@@ -47376,8 +47376,18 @@
|
|
47376
47376
|
]
|
47377
47377
|
},
|
47378
47378
|
{
|
47379
|
-
"name": "
|
47380
|
-
"description": "
|
47379
|
+
"name": "label",
|
47380
|
+
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
47381
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47382
|
+
},
|
47383
|
+
{
|
47384
|
+
"name": "clear",
|
47385
|
+
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
47386
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47387
|
+
},
|
47388
|
+
{
|
47389
|
+
"name": "prepend",
|
47390
|
+
"description": "Adds an item outside the input and before input content.",
|
47381
47391
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47382
47392
|
"vue-properties": [
|
47383
47393
|
{
|
@@ -47427,8 +47437,8 @@
|
|
47427
47437
|
]
|
47428
47438
|
},
|
47429
47439
|
{
|
47430
|
-
"name": "
|
47431
|
-
"description": "
|
47440
|
+
"name": "append",
|
47441
|
+
"description": "Adds an item inside the input and after input content.",
|
47432
47442
|
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47433
47443
|
"vue-properties": [
|
47434
47444
|
{
|
@@ -47477,6 +47487,21 @@
|
|
47477
47487
|
}
|
47478
47488
|
]
|
47479
47489
|
},
|
47490
|
+
{
|
47491
|
+
"name": "loader",
|
47492
|
+
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
47493
|
+
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47494
|
+
"vue-properties": [
|
47495
|
+
{
|
47496
|
+
"name": "color",
|
47497
|
+
"type": "string"
|
47498
|
+
},
|
47499
|
+
{
|
47500
|
+
"name": "isActive",
|
47501
|
+
"type": "boolean"
|
47502
|
+
}
|
47503
|
+
]
|
47504
|
+
},
|
47480
47505
|
{
|
47481
47506
|
"name": "message",
|
47482
47507
|
"description": "Slot used to customize the message content.",
|
@@ -47488,11 +47513,6 @@
|
|
47488
47513
|
}
|
47489
47514
|
]
|
47490
47515
|
},
|
47491
|
-
{
|
47492
|
-
"name": "clear",
|
47493
|
-
"description": "Slot for custom clear icon (displayed when the **clearable** prop is equal to true).",
|
47494
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47495
|
-
},
|
47496
47516
|
{
|
47497
47517
|
"name": "prepend-inner",
|
47498
47518
|
"description": "Slot that is prepended to the input.",
|
@@ -47547,26 +47567,6 @@
|
|
47547
47567
|
}
|
47548
47568
|
]
|
47549
47569
|
},
|
47550
|
-
{
|
47551
|
-
"name": "label",
|
47552
|
-
"description": "The default slot of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component.",
|
47553
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots"
|
47554
|
-
},
|
47555
|
-
{
|
47556
|
-
"name": "loader",
|
47557
|
-
"description": "Slot for custom loader (displayed when [loading](#props-loading) prop is equal to true).",
|
47558
|
-
"doc-url": "https://vuetifyjs.com/api/v-textarea#slots",
|
47559
|
-
"vue-properties": [
|
47560
|
-
{
|
47561
|
-
"name": "color",
|
47562
|
-
"type": "string"
|
47563
|
-
},
|
47564
|
-
{
|
47565
|
-
"name": "isActive",
|
47566
|
-
"type": "boolean"
|
47567
|
-
}
|
47568
|
-
]
|
47569
|
-
},
|
47570
47570
|
{
|
47571
47571
|
"name": "counter",
|
47572
47572
|
"description": "Slot for the input’s counter text.",
|
@@ -49051,22 +49051,22 @@
|
|
49051
49051
|
"doc-url": "https://vuetifyjs.com/api/v-toolbar-title",
|
49052
49052
|
"attributes": [
|
49053
49053
|
{
|
49054
|
-
"name": "
|
49055
|
-
"description": "Specify
|
49054
|
+
"name": "tag",
|
49055
|
+
"description": "Specify a custom tag used on the root element.",
|
49056
49056
|
"doc-url": "https://vuetifyjs.com/api/VToolbarTitle#props",
|
49057
|
+
"default": "'div'",
|
49057
49058
|
"value": {
|
49058
49059
|
"kind": "expression",
|
49059
|
-
"type": "string"
|
49060
|
+
"type": "string | (new () => any) | FunctionalComponent"
|
49060
49061
|
}
|
49061
49062
|
},
|
49062
49063
|
{
|
49063
|
-
"name": "
|
49064
|
-
"description": "Specify
|
49064
|
+
"name": "text",
|
49065
|
+
"description": "Specify content text for the component.",
|
49065
49066
|
"doc-url": "https://vuetifyjs.com/api/VToolbarTitle#props",
|
49066
|
-
"default": "'div'",
|
49067
49067
|
"value": {
|
49068
49068
|
"kind": "expression",
|
49069
|
-
"type": "string
|
49069
|
+
"type": "string"
|
49070
49070
|
}
|
49071
49071
|
}
|
49072
49072
|
],
|