UNPKG

370 kBJSONView Raw
1{
2 "v-app/id": {
3 "type": "string",
4 "description": "Sets the DOM id on the component"
5 },
6 "v-app-bar/absolute": {
7 "type": "boolean",
8 "description": "Applies position: absolute to the component."
9 },
10 "v-app-bar/app": {
11 "type": "boolean",
12 "description": "Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside **outside** of `v-main` component to function properly. You can find more information about layouts on the [application page](/components/application). **Note:** this prop automatically applies **position: fixed** to the layout element. You can overwrite this functionality by using the `absolute` prop"
13 },
14 "v-app-bar/bottom": {
15 "type": "boolean",
16 "description": "Aligns the component towards the bottom."
17 },
18 "v-app-bar/clipped-left": {
19 "type": "boolean",
20 "description": "Designates that the application's `v-navigation-drawer` that is positioned on the left is below the app-bar."
21 },
22 "v-app-bar/clipped-right": {
23 "type": "boolean",
24 "description": "Designates that the application's `v-navigation-drawer` that is positioned on the right is below the app-bar."
25 },
26 "v-app-bar/collapse": {
27 "type": "boolean",
28 "description": "Puts the toolbar into a collapsed state reducing its maximum width."
29 },
30 "v-app-bar/collapse-on-scroll": {
31 "type": "boolean",
32 "description": "Puts the app-bar into a collapsed state when scrolling."
33 },
34 "v-app-bar/color": {
35 "type": "string",
36 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
37 },
38 "v-app-bar/dark": {
39 "type": "boolean",
40 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
41 },
42 "v-app-bar/dense": {
43 "type": "boolean",
44 "description": "Reduces the height of the toolbar content to 48px (96px when using the **prominent** prop)."
45 },
46 "v-app-bar/elevate-on-scroll": {
47 "type": "boolean",
48 "description": "Elevates the app-bar when scrolling."
49 },
50 "v-app-bar/elevation": {
51 "type": "number|string",
52 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
53 },
54 "v-app-bar/extended": {
55 "type": "boolean",
56 "description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
57 },
58 "v-app-bar/extension-height": {
59 "type": "number|string",
60 "description": "Specify an explicit height for the `extension` slot. "
61 },
62 "v-app-bar/fade-img-on-scroll": {
63 "type": "boolean",
64 "description": "When using the **src** prop or `img` slot, will fade the image when scrolling."
65 },
66 "v-app-bar/fixed": {
67 "type": "boolean",
68 "description": "Applies **position: fixed** to the component."
69 },
70 "v-app-bar/flat": {
71 "type": "boolean",
72 "description": "Removes the toolbar's box-shadow."
73 },
74 "v-app-bar/floating": {
75 "type": "boolean",
76 "description": "Applies **display: inline-flex** to the component."
77 },
78 "v-app-bar/height": {
79 "type": "number|string",
80 "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
81 },
82 "v-app-bar/hide-on-scroll": {
83 "type": "boolean",
84 "description": "Hides the app-bar when scrolling. Will still show the `extension` slot."
85 },
86 "v-app-bar/inverted-scroll": {
87 "type": "boolean",
88 "description": "Hides the app-bar when scrolling down and displays it when scrolling up."
89 },
90 "v-app-bar/light": {
91 "type": "boolean",
92 "description": "Applies the light theme variant to the component."
93 },
94 "v-app-bar/max-height": {
95 "type": "number|string",
96 "description": "Sets the maximum height for the component."
97 },
98 "v-app-bar/max-width": {
99 "type": "number|string",
100 "description": "Sets the maximum width for the component."
101 },
102 "v-app-bar/min-height": {
103 "type": "number|string",
104 "description": "Sets the minimum height for the component."
105 },
106 "v-app-bar/min-width": {
107 "type": "number|string",
108 "description": "Sets the minimum width for the component."
109 },
110 "v-app-bar/outlined": {
111 "type": "boolean",
112 "description": "Removes elevation (box-shadow) and adds a *thin* border."
113 },
114 "v-app-bar/prominent": {
115 "type": "boolean",
116 "description": "Increases the height of the toolbar content to 128px."
117 },
118 "v-app-bar/rounded": {
119 "type": "boolean|string",
120 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
121 },
122 "v-app-bar/scroll-off-screen": {
123 "type": "boolean",
124 "description": "Hides the app-bar when scrolling. Will **NOT** show the `extension` slot."
125 },
126 "v-app-bar/scroll-target": {
127 "type": "string",
128 "description": "Designates the element to target for scrolling events. Uses `window` by default."
129 },
130 "v-app-bar/scroll-threshold": {
131 "type": "string|number",
132 "description": "The amount of scroll distance down before **hide-on-scroll** activates."
133 },
134 "v-app-bar/shaped": {
135 "type": "boolean",
136 "description": "Applies a large border radius on the top left and bottom right of the card."
137 },
138 "v-app-bar/short": {
139 "type": "boolean",
140 "description": "Reduce the height of the toolbar content to 56px (112px when using the **prominent** prop)."
141 },
142 "v-app-bar/shrink-on-scroll": {
143 "type": "boolean",
144 "description": "Shrinks a **prominent** toolbar to a **dense** or **short** (default) one when scrolling."
145 },
146 "v-app-bar/src": {
147 "type": "string|object",
148 "description": "Image source. See `v-img` for details"
149 },
150 "v-app-bar/tag": {
151 "type": "string",
152 "description": "Specify a custom tag used on the root element."
153 },
154 "v-app-bar/tile": {
155 "type": "boolean",
156 "description": "Removes the component's **border-radius**."
157 },
158 "v-app-bar/value": {
159 "type": "boolean",
160 "description": "Controls whether the component is visible or hidden."
161 },
162 "v-app-bar/width": {
163 "type": "number|string",
164 "description": "Sets the width for the component."
165 },
166 "v-alert/border": {
167 "type": "string",
168 "description": "Puts a border on the alert. Accepts **top** \\| **right** \\| **bottom** \\| **left**."
169 },
170 "v-alert/close-icon": {
171 "type": "string",
172 "description": "Change the default icon used for **dismissible** alerts."
173 },
174 "v-alert/close-label": {
175 "type": "string",
176 "description": "Text used for *aria-label* on **dismissible** alerts. Can also be customizing globally in [Internationalization](/customization/internationalization)."
177 },
178 "v-alert/color": {
179 "type": "string",
180 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
181 },
182 "v-alert/colored-border": {
183 "type": "boolean",
184 "description": "Applies the defined **color** to the alert's border."
185 },
186 "v-alert/dark": {
187 "type": "boolean",
188 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
189 },
190 "v-alert/dense": {
191 "type": "boolean",
192 "description": "Decreases component's height."
193 },
194 "v-alert/dismissible": {
195 "type": "boolean",
196 "description": "Adds a close icon that can hide the alert."
197 },
198 "v-alert/elevation": {
199 "type": "number|string",
200 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
201 },
202 "v-alert/height": {
203 "type": "number|string",
204 "description": "Sets the height for the component."
205 },
206 "v-alert/icon": {
207 "type": "boolean|string",
208 "description": "Designates a specific icon."
209 },
210 "v-alert/light": {
211 "type": "boolean",
212 "description": "Applies the light theme variant to the component."
213 },
214 "v-alert/max-height": {
215 "type": "number|string",
216 "description": "Sets the maximum height for the component."
217 },
218 "v-alert/max-width": {
219 "type": "number|string",
220 "description": "Sets the maximum width for the component."
221 },
222 "v-alert/min-height": {
223 "type": "number|string",
224 "description": "Sets the minimum height for the component."
225 },
226 "v-alert/min-width": {
227 "type": "number|string",
228 "description": "Sets the minimum width for the component."
229 },
230 "v-alert/mode": {
231 "type": "string",
232 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
233 },
234 "v-alert/origin": {
235 "type": "string",
236 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
237 },
238 "v-alert/outlined": {
239 "type": "boolean",
240 "description": "Makes the background transparent and applies a thin border."
241 },
242 "v-alert/prominent": {
243 "type": "boolean",
244 "description": "Displays a larger vertically centered icon to draw more attention."
245 },
246 "v-alert/rounded": {
247 "type": "boolean|string",
248 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
249 },
250 "v-alert/shaped": {
251 "type": "boolean",
252 "description": "Applies a large border radius on the top left and bottom right of the card."
253 },
254 "v-alert/tag": {
255 "type": "string",
256 "description": "Specify a custom tag used on the root element."
257 },
258 "v-alert/text": {
259 "type": "boolean",
260 "description": "Applies the defined **color** to text and a low opacity background of the same."
261 },
262 "v-alert/tile": {
263 "type": "boolean",
264 "description": "Removes the component's border-radius."
265 },
266 "v-alert/transition": {
267 "type": "string",
268 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
269 },
270 "v-alert/type": {
271 "type": "string",
272 "description": "Specify a **success**, **info**, **warning** or **error** alert. Uses the contextual color and has a pre-defined icon."
273 },
274 "v-alert/value": {
275 "type": "boolean",
276 "description": "Controls whether the component is visible or hidden."
277 },
278 "v-alert/width": {
279 "type": "number|string",
280 "description": "Sets the width for the component."
281 },
282 "v-autocomplete/allow-overflow": {
283 "type": "boolean",
284 "description": "Allow the menu to overflow off the screen"
285 },
286 "v-autocomplete/append-icon": {
287 "type": "string",
288 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
289 },
290 "v-autocomplete/append-outer-icon": {
291 "type": "string",
292 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
293 },
294 "v-autocomplete/attach": {
295 "type": "any",
296 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
297 },
298 "v-autocomplete/auto-select-first": {
299 "type": "boolean",
300 "description": "When searching, will always highlight the first option"
301 },
302 "v-autocomplete/autofocus": {
303 "type": "boolean",
304 "description": "Enables autofocus"
305 },
306 "v-autocomplete/background-color": {
307 "type": "string",
308 "description": "Changes the background-color of the input"
309 },
310 "v-autocomplete/cache-items": {
311 "type": "boolean",
312 "description": "Keeps a local _unique_ copy of all items that have been passed through the **items** prop."
313 },
314 "v-autocomplete/chips": {
315 "type": "boolean",
316 "description": "Changes display of selections to chips"
317 },
318 "v-autocomplete/clear-icon": {
319 "type": "string",
320 "description": "Applied when using **clearable** and the input is dirty"
321 },
322 "v-autocomplete/clearable": {
323 "type": "boolean",
324 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
325 },
326 "v-autocomplete/color": {
327 "type": "string",
328 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
329 },
330 "v-autocomplete/counter": {
331 "type": "boolean|number|string",
332 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
333 },
334 "v-autocomplete/counter-value": {
335 "type": "function",
336 "description": ""
337 },
338 "v-autocomplete/dark": {
339 "type": "boolean",
340 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
341 },
342 "v-autocomplete/deletable-chips": {
343 "type": "boolean",
344 "description": "Adds a remove icon to selected chips"
345 },
346 "v-autocomplete/dense": {
347 "type": "boolean",
348 "description": "Reduces the input height"
349 },
350 "v-autocomplete/disable-lookup": {
351 "type": "boolean",
352 "description": "Disables keyboard lookup"
353 },
354 "v-autocomplete/disabled": {
355 "type": "boolean",
356 "description": "Disables the input"
357 },
358 "v-autocomplete/eager": {
359 "type": "boolean",
360 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
361 },
362 "v-autocomplete/error": {
363 "type": "boolean",
364 "description": "Puts the input in a manual error state"
365 },
366 "v-autocomplete/error-count": {
367 "type": "number|string",
368 "description": "The total number of errors that should display at once"
369 },
370 "v-autocomplete/error-messages": {
371 "type": "string|array",
372 "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"
373 },
374 "v-autocomplete/filled": {
375 "type": "boolean",
376 "description": "Applies the alternate filled input style"
377 },
378 "v-autocomplete/filter": {
379 "type": "function",
380 "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)"
381 },
382 "v-autocomplete/flat": {
383 "type": "boolean",
384 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
385 },
386 "v-autocomplete/full-width": {
387 "type": "boolean",
388 "description": "Designates input type as full-width"
389 },
390 "v-autocomplete/height": {
391 "type": "number|string",
392 "description": "Sets the height of the input"
393 },
394 "v-autocomplete/hide-details": {
395 "type": "boolean|string",
396 "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"
397 },
398 "v-autocomplete/hide-no-data": {
399 "type": "boolean",
400 "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
401 },
402 "v-autocomplete/hide-selected": {
403 "type": "boolean",
404 "description": "Do not display in the select menu items that are already selected"
405 },
406 "v-autocomplete/hint": {
407 "type": "string",
408 "description": "Hint text"
409 },
410 "v-autocomplete/id": {
411 "type": "string",
412 "description": "Sets the DOM id on the component"
413 },
414 "v-autocomplete/item-color": {
415 "type": "string",
416 "description": "Sets color of selected items"
417 },
418 "v-autocomplete/item-disabled": {
419 "type": "string|array|function",
420 "description": "Set property of **items**'s disabled value"
421 },
422 "v-autocomplete/item-text": {
423 "type": "string|array|function",
424 "description": "Set property of **items**'s text value"
425 },
426 "v-autocomplete/item-value": {
427 "type": "string|array|function",
428 "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)"
429 },
430 "v-autocomplete/items": {
431 "type": "array",
432 "description": "Can be an array of objects or array of strings. When using objects, will look for a text, value and disabled keys. This can be changed using the **item-text**, **item-value** and **item-disabled** props. Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
433 },
434 "v-autocomplete/label": {
435 "type": "string",
436 "description": "Sets input label"
437 },
438 "v-autocomplete/light": {
439 "type": "boolean",
440 "description": "Applies the light theme variant to the component."
441 },
442 "v-autocomplete/loader-height": {
443 "type": "number|string",
444 "description": "Specifies the height of the loader"
445 },
446 "v-autocomplete/loading": {
447 "type": "boolean|string",
448 "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"
449 },
450 "v-autocomplete/menu-props": {
451 "type": "string|array|object",
452 "description": "Pass props through to the `v-menu` component. Accepts either a string for boolean props `menu-props=\"auto, overflowY\"`, or an object `:menu-props=\"{ auto: true, overflowY: true }\"`"
453 },
454 "v-autocomplete/messages": {
455 "type": "string|array",
456 "description": "Displays a list of messages or message if using a string"
457 },
458 "v-autocomplete/multiple": {
459 "type": "boolean",
460 "description": "Changes select to multiple. Accepts array for value"
461 },
462 "v-autocomplete/no-data-text": {
463 "type": "string",
464 "description": "Display text when there is no data"
465 },
466 "v-autocomplete/no-filter": {
467 "type": "boolean",
468 "description": "Do not apply filtering when searching. Useful when data is being filtered server side"
469 },
470 "v-autocomplete/open-on-clear": {
471 "type": "boolean",
472 "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state"
473 },
474 "v-autocomplete/outlined": {
475 "type": "boolean",
476 "description": "Applies the outlined style to the input"
477 },
478 "v-autocomplete/persistent-hint": {
479 "type": "boolean",
480 "description": "Forces hint to always be visible"
481 },
482 "v-autocomplete/persistent-placeholder": {
483 "type": "boolean",
484 "description": "Forces placeholder to always be visible"
485 },
486 "v-autocomplete/placeholder": {
487 "type": "string",
488 "description": "Sets the input's placeholder text"
489 },
490 "v-autocomplete/prefix": {
491 "type": "string",
492 "description": "Displays prefix text"
493 },
494 "v-autocomplete/prepend-icon": {
495 "type": "string",
496 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
497 },
498 "v-autocomplete/prepend-inner-icon": {
499 "type": "string",
500 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
501 },
502 "v-autocomplete/readonly": {
503 "type": "boolean",
504 "description": "Puts input in readonly state"
505 },
506 "v-autocomplete/return-object": {
507 "type": "boolean",
508 "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
509 },
510 "v-autocomplete/reverse": {
511 "type": "boolean",
512 "description": "Reverses the input orientation"
513 },
514 "v-autocomplete/rounded": {
515 "type": "boolean",
516 "description": "Adds a border radius to the input"
517 },
518 "v-autocomplete/rules": {
519 "type": "array",
520 "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`"
521 },
522 "v-autocomplete/search-input": {
523 "type": "string",
524 "description": "Search value. Can be used with `.sync` modifier."
525 },
526 "v-autocomplete/shaped": {
527 "type": "boolean",
528 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
529 },
530 "v-autocomplete/single-line": {
531 "type": "boolean",
532 "description": "Label does not move on focus/dirty"
533 },
534 "v-autocomplete/small-chips": {
535 "type": "boolean",
536 "description": "Changes display of selections to chips with the **small** property"
537 },
538 "v-autocomplete/solo": {
539 "type": "boolean",
540 "description": "Changes the style of the input"
541 },
542 "v-autocomplete/solo-inverted": {
543 "type": "boolean",
544 "description": "Reduces element opacity until focused"
545 },
546 "v-autocomplete/success": {
547 "type": "boolean",
548 "description": "Puts the input in a manual success state"
549 },
550 "v-autocomplete/success-messages": {
551 "type": "string|array",
552 "description": "Puts the input in a success state and passes through custom success messages."
553 },
554 "v-autocomplete/suffix": {
555 "type": "string",
556 "description": "Displays suffix text"
557 },
558 "v-autocomplete/type": {
559 "type": "string",
560 "description": "Sets input type"
561 },
562 "v-autocomplete/validate-on-blur": {
563 "type": "boolean",
564 "description": "Delays validation until blur event"
565 },
566 "v-autocomplete/value": {
567 "type": "any",
568 "description": "The input's value"
569 },
570 "v-autocomplete/value-comparator": {
571 "type": "function",
572 "description": "The comparison algorithm used for values. [More info](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts)"
573 },
574 "v-avatar/color": {
575 "type": "string",
576 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
577 },
578 "v-avatar/height": {
579 "type": "number|string",
580 "description": "Sets the height for the component."
581 },
582 "v-avatar/left": {
583 "type": "boolean",
584 "description": "Designates that the avatar is on the left side of a component. This is hooked into by components such as [v-chip](/components/chips) and [v-btn](/components/buttons)."
585 },
586 "v-avatar/max-height": {
587 "type": "number|string",
588 "description": "Sets the maximum height for the component."
589 },
590 "v-avatar/max-width": {
591 "type": "number|string",
592 "description": "Sets the maximum width for the component."
593 },
594 "v-avatar/min-height": {
595 "type": "number|string",
596 "description": "Sets the minimum height for the component."
597 },
598 "v-avatar/min-width": {
599 "type": "number|string",
600 "description": "Sets the minimum width for the component."
601 },
602 "v-avatar/right": {
603 "type": "boolean",
604 "description": "Designates that the avatar is on the right side of a component. This is hooked into by components such as [v-chip](/components/chips) and [v-btn](/components/buttons)."
605 },
606 "v-avatar/rounded": {
607 "type": "boolean|string",
608 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
609 },
610 "v-avatar/size": {
611 "type": "number|string",
612 "description": "Sets the height and width of the component."
613 },
614 "v-avatar/tile": {
615 "type": "boolean",
616 "description": "Removes the component's **border-radius**."
617 },
618 "v-avatar/width": {
619 "type": "number|string",
620 "description": "Sets the width for the component."
621 },
622 "v-badge/avatar": {
623 "type": "boolean",
624 "description": "Removes badge padding for the use of the `v-avatar` in the **badge** slot."
625 },
626 "v-badge/bordered": {
627 "type": "boolean",
628 "description": "Applies a **2px** by default and **1.5px** border around the badge when using the **dot** property."
629 },
630 "v-badge/bottom": {
631 "type": "boolean",
632 "description": "Aligns the component towards the bottom."
633 },
634 "v-badge/color": {
635 "type": "string",
636 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
637 },
638 "v-badge/content": {
639 "type": "any",
640 "description": "Any content you want injected as text into the badge."
641 },
642 "v-badge/dark": {
643 "type": "boolean",
644 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
645 },
646 "v-badge/dot": {
647 "type": "boolean",
648 "description": "Reduce the size of the badge and hide its contents"
649 },
650 "v-badge/icon": {
651 "type": "string",
652 "description": "Designates a specific icon used in the badge."
653 },
654 "v-badge/inline": {
655 "type": "boolean",
656 "description": "Moves the badge to be inline with the wrapping element. Supports the usage of the **left** prop."
657 },
658 "v-badge/label": {
659 "type": "string",
660 "description": "The **aria-label** used for the badge"
661 },
662 "v-badge/left": {
663 "type": "boolean",
664 "description": "Aligns the component towards the left."
665 },
666 "v-badge/light": {
667 "type": "boolean",
668 "description": "Applies the light theme variant to the component."
669 },
670 "v-badge/mode": {
671 "type": "string",
672 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
673 },
674 "v-badge/offset-x": {
675 "type": "number|string",
676 "description": "Offset the badge on the x-axis."
677 },
678 "v-badge/offset-y": {
679 "type": "number|string",
680 "description": "Offset the badge on the y-axis."
681 },
682 "v-badge/origin": {
683 "type": "string",
684 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
685 },
686 "v-badge/overlap": {
687 "type": "boolean",
688 "description": "Overlaps the slotted content on top of the component."
689 },
690 "v-badge/tile": {
691 "type": "boolean",
692 "description": "Removes the component's border-radius."
693 },
694 "v-badge/transition": {
695 "type": "string",
696 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
697 },
698 "v-badge/value": {
699 "type": "any",
700 "description": "Controls whether the component is visible or hidden."
701 },
702 "v-banner/app": {
703 "type": "boolean",
704 "description": "When used inside of `v-main`, will calculate top based upon application `v-toolbar` and `v-system-bar`."
705 },
706 "v-banner/color": {
707 "type": "string",
708 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
709 },
710 "v-banner/dark": {
711 "type": "boolean",
712 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
713 },
714 "v-banner/elevation": {
715 "type": "number|string",
716 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
717 },
718 "v-banner/height": {
719 "type": "number|string",
720 "description": "Sets the height for the component."
721 },
722 "v-banner/icon": {
723 "type": "string",
724 "description": "Designates a specific icon."
725 },
726 "v-banner/icon-color": {
727 "type": "string",
728 "description": "Designates a specific icon color."
729 },
730 "v-banner/light": {
731 "type": "boolean",
732 "description": "Applies the light theme variant to the component."
733 },
734 "v-banner/max-height": {
735 "type": "number|string",
736 "description": "Sets the maximum height for the component."
737 },
738 "v-banner/max-width": {
739 "type": "number|string",
740 "description": "Sets the maximum width for the component."
741 },
742 "v-banner/min-height": {
743 "type": "number|string",
744 "description": "Sets the minimum height for the component."
745 },
746 "v-banner/min-width": {
747 "type": "number|string",
748 "description": "Sets the minimum width for the component."
749 },
750 "v-banner/mobile-breakpoint": {
751 "type": "number|string",
752 "description": "Sets the designated mobile breakpoint for the component."
753 },
754 "v-banner/outlined": {
755 "type": "boolean",
756 "description": "Removes elevation (box-shadow) and adds a *thin* border."
757 },
758 "v-banner/rounded": {
759 "type": "boolean|string",
760 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
761 },
762 "v-banner/shaped": {
763 "type": "boolean",
764 "description": "Applies a large border radius on the top left and bottom right of the card."
765 },
766 "v-banner/single-line": {
767 "type": "boolean",
768 "description": "Forces the banner onto a single line."
769 },
770 "v-banner/sticky": {
771 "type": "boolean",
772 "description": "Applies **position: sticky** to the component (**Evergreen browsers only**). You can find more information on the [MDN documentation for sticky position](https://developer.mozilla.org/en-US/docs/Web/CSS/position)."
773 },
774 "v-banner/tag": {
775 "type": "string",
776 "description": "Specify a custom tag used on the root element."
777 },
778 "v-banner/tile": {
779 "type": "boolean",
780 "description": "Removes the component's **border-radius**."
781 },
782 "v-banner/value": {
783 "type": "boolean",
784 "description": "Controls whether the component is visible or hidden."
785 },
786 "v-banner/width": {
787 "type": "number|string",
788 "description": "Sets the width for the component."
789 },
790 "v-bottom-navigation/absolute": {
791 "type": "boolean",
792 "description": "Applies **position: absolute** to the component."
793 },
794 "v-bottom-navigation/active-class": {
795 "type": "string",
796 "description": "The class applied to a [v-btn](/components/buttons) when activated."
797 },
798 "v-bottom-navigation/app": {
799 "type": "boolean",
800 "description": "Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside **outside** of `v-main` component to function properly. You can find more information about layouts on the [application page](/components/application). **Note:** this prop automatically applies **position: fixed** to the layout element. You can overwrite this functionality by using the `absolute` prop"
801 },
802 "v-bottom-navigation/background-color": {
803 "type": "string",
804 "description": "Changes the background-color for the component."
805 },
806 "v-bottom-navigation/color": {
807 "type": "string",
808 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
809 },
810 "v-bottom-navigation/dark": {
811 "type": "boolean",
812 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
813 },
814 "v-bottom-navigation/fixed": {
815 "type": "boolean",
816 "description": "Applies **position: fixed** to the component."
817 },
818 "v-bottom-navigation/grow": {
819 "type": "boolean",
820 "description": "Force [v-btn](/components/buttons)s to take up all available space."
821 },
822 "v-bottom-navigation/height": {
823 "type": "number|string",
824 "description": "Sets the height for the component."
825 },
826 "v-bottom-navigation/hide-on-scroll": {
827 "type": "boolean",
828 "description": "Will transition the navigation off screen when scrolling up."
829 },
830 "v-bottom-navigation/horizontal": {
831 "type": "boolean",
832 "description": "Uses an alternative horizontal styling for [v-btn](/components/buttons)."
833 },
834 "v-bottom-navigation/input-value": {
835 "type": "boolean",
836 "description": "Controls whether the component is visible or hidden. Supports the **.sync** modifier."
837 },
838 "v-bottom-navigation/light": {
839 "type": "boolean",
840 "description": "Applies the light theme variant to the component."
841 },
842 "v-bottom-navigation/mandatory": {
843 "type": "boolean",
844 "description": "Forces a value to always be selected (if available)."
845 },
846 "v-bottom-navigation/max-height": {
847 "type": "number|string",
848 "description": "Sets the maximum height for the component."
849 },
850 "v-bottom-navigation/max-width": {
851 "type": "number|string",
852 "description": "Sets the maximum width for the component."
853 },
854 "v-bottom-navigation/min-height": {
855 "type": "number|string",
856 "description": "Sets the minimum height for the component."
857 },
858 "v-bottom-navigation/min-width": {
859 "type": "number|string",
860 "description": "Sets the minimum width for the component."
861 },
862 "v-bottom-navigation/scroll-target": {
863 "type": "string",
864 "description": "Designates the element to target for scrolling events. Uses `window` by default."
865 },
866 "v-bottom-navigation/scroll-threshold": {
867 "type": "string|number",
868 "description": "The amount of scroll distance down before **hide-on-scroll** activates."
869 },
870 "v-bottom-navigation/shift": {
871 "type": "boolean",
872 "description": "Hides text of [v-btn](/components/buttons)s when they are not active."
873 },
874 "v-bottom-navigation/tag": {
875 "type": "string",
876 "description": "Specify a custom tag used on the root element."
877 },
878 "v-bottom-navigation/value": {
879 "type": "any",
880 "description": "Holds the value of the currently active [v-btn](/components/buttons). If the button has no value supplied, its index will be used instead.."
881 },
882 "v-bottom-navigation/width": {
883 "type": "number|string",
884 "description": "Sets the width for the component."
885 },
886 "v-bottom-sheet/activator": {
887 "type": "any",
888 "description": "Designate a custom activator when the `activator` slot is not used. String can be any valid querySelector and Object can be any valid Node."
889 },
890 "v-bottom-sheet/attach": {
891 "type": "any",
892 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
893 },
894 "v-bottom-sheet/close-delay": {
895 "type": "number|string",
896 "description": "Milliseconds to wait before closing component."
897 },
898 "v-bottom-sheet/content-class": {
899 "type": "string",
900 "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component."
901 },
902 "v-bottom-sheet/dark": {
903 "type": "boolean",
904 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
905 },
906 "v-bottom-sheet/disabled": {
907 "type": "boolean",
908 "description": "Disables the ability to open the component."
909 },
910 "v-bottom-sheet/eager": {
911 "type": "boolean",
912 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
913 },
914 "v-bottom-sheet/fullscreen": {
915 "type": "boolean",
916 "description": "Changes layout for fullscreen display."
917 },
918 "v-bottom-sheet/hide-overlay": {
919 "type": "boolean",
920 "description": "Hides the display of the overlay."
921 },
922 "v-bottom-sheet/inset": {
923 "type": "boolean",
924 "description": "Reduces the sheet content maximum width to 70%."
925 },
926 "v-bottom-sheet/internal-activator": {
927 "type": "boolean",
928 "description": "Detaches the menu content inside of the component as opposed to the document."
929 },
930 "v-bottom-sheet/light": {
931 "type": "boolean",
932 "description": "Applies the light theme variant to the component."
933 },
934 "v-bottom-sheet/max-width": {
935 "type": "string|number",
936 "description": "Sets the maximum width for the component."
937 },
938 "v-bottom-sheet/no-click-animation": {
939 "type": "boolean",
940 "description": "Disables the bounce effect when clicking outside of a `v-dialog`'s content when using the **persistent** prop."
941 },
942 "v-bottom-sheet/open-delay": {
943 "type": "number|string",
944 "description": "Milliseconds to wait before opening component."
945 },
946 "v-bottom-sheet/open-on-focus": {
947 "type": "boolean",
948 "description": ""
949 },
950 "v-bottom-sheet/open-on-hover": {
951 "type": "boolean",
952 "description": "Designates whether component should activate when its activator is hovered."
953 },
954 "v-bottom-sheet/origin": {
955 "type": "string",
956 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
957 },
958 "v-bottom-sheet/overlay-color": {
959 "type": "string",
960 "description": "Sets the overlay color."
961 },
962 "v-bottom-sheet/overlay-opacity": {
963 "type": "number|string",
964 "description": "Sets the overlay opacity."
965 },
966 "v-bottom-sheet/persistent": {
967 "type": "boolean",
968 "description": "Clicking outside of the element or pressing **esc** key will not deactivate it."
969 },
970 "v-bottom-sheet/retain-focus": {
971 "type": "boolean",
972 "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
973 },
974 "v-bottom-sheet/return-value": {
975 "type": "any",
976 "description": ""
977 },
978 "v-bottom-sheet/scrollable": {
979 "type": "boolean",
980 "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
981 },
982 "v-bottom-sheet/transition": {
983 "type": "string",
984 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
985 },
986 "v-bottom-sheet/value": {
987 "type": "any",
988 "description": "Controls whether the component is visible or hidden."
989 },
990 "v-bottom-sheet/width": {
991 "type": "string|number",
992 "description": "Sets the width for the component."
993 },
994 "v-breadcrumbs/dark": {
995 "type": "boolean",
996 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
997 },
998 "v-breadcrumbs/divider": {
999 "type": "string",
1000 "description": "Specifies the dividing character between items."
1001 },
1002 "v-breadcrumbs/items": {
1003 "type": "array",
1004 "description": "An array of objects for each breadcrumb."
1005 },
1006 "v-breadcrumbs/large": {
1007 "type": "boolean",
1008 "description": "Increase the font-size of the breadcrumb item text to 16px (14px default)."
1009 },
1010 "v-breadcrumbs/light": {
1011 "type": "boolean",
1012 "description": "Applies the light theme variant to the component."
1013 },
1014 "v-breadcrumbs-item/active-class": {
1015 "type": "string",
1016 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
1017 },
1018 "v-breadcrumbs-item/append": {
1019 "type": "boolean",
1020 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
1021 },
1022 "v-breadcrumbs-item/disabled": {
1023 "type": "boolean",
1024 "description": "Removes the ability to click or target the component."
1025 },
1026 "v-breadcrumbs-item/exact": {
1027 "type": "boolean",
1028 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
1029 },
1030 "v-breadcrumbs-item/exact-active-class": {
1031 "type": "string",
1032 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
1033 },
1034 "v-breadcrumbs-item/exact-path": {
1035 "type": "boolean",
1036 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
1037 },
1038 "v-breadcrumbs-item/href": {
1039 "type": "string|object",
1040 "description": "Designates the component as anchor and applies the **href** attribute."
1041 },
1042 "v-breadcrumbs-item/link": {
1043 "type": "boolean",
1044 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
1045 },
1046 "v-breadcrumbs-item/nuxt": {
1047 "type": "boolean",
1048 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
1049 },
1050 "v-breadcrumbs-item/replace": {
1051 "type": "boolean",
1052 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
1053 },
1054 "v-breadcrumbs-item/ripple": {
1055 "type": "boolean|object",
1056 "description": "Applies the [v-ripple](/directives/ripple) directive."
1057 },
1058 "v-breadcrumbs-item/tag": {
1059 "type": "string",
1060 "description": "Specify a custom tag used on the root element."
1061 },
1062 "v-breadcrumbs-item/target": {
1063 "type": "string",
1064 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
1065 },
1066 "v-breadcrumbs-item/to": {
1067 "type": "string|object",
1068 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
1069 },
1070 "v-btn/absolute": {
1071 "type": "boolean",
1072 "description": "Applies **position: absolute** to the component."
1073 },
1074 "v-btn/active-class": {
1075 "type": "string",
1076 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
1077 },
1078 "v-btn/append": {
1079 "type": "boolean",
1080 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
1081 },
1082 "v-btn/block": {
1083 "type": "boolean",
1084 "description": "Expands the button to 100% of available space."
1085 },
1086 "v-btn/bottom": {
1087 "type": "boolean",
1088 "description": "Aligns the component towards the bottom."
1089 },
1090 "v-btn/color": {
1091 "type": "string",
1092 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1093 },
1094 "v-btn/dark": {
1095 "type": "boolean",
1096 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1097 },
1098 "v-btn/depressed": {
1099 "type": "boolean",
1100 "description": "Removes the button box shadow."
1101 },
1102 "v-btn/disabled": {
1103 "type": "boolean",
1104 "description": "Removes the ability to click or target the component."
1105 },
1106 "v-btn/elevation": {
1107 "type": "number|string",
1108 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
1109 },
1110 "v-btn/exact": {
1111 "type": "boolean",
1112 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
1113 },
1114 "v-btn/exact-active-class": {
1115 "type": "string",
1116 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
1117 },
1118 "v-btn/exact-path": {
1119 "type": "boolean",
1120 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
1121 },
1122 "v-btn/fab": {
1123 "type": "boolean",
1124 "description": "Designates the button as a floating-action-button. Button will become _round_."
1125 },
1126 "v-btn/fixed": {
1127 "type": "boolean",
1128 "description": "Applies **position: fixed** to the component."
1129 },
1130 "v-btn/height": {
1131 "type": "number|string",
1132 "description": "Sets the height for the component."
1133 },
1134 "v-btn/href": {
1135 "type": "string|object",
1136 "description": "Designates the component as anchor and applies the **href** attribute."
1137 },
1138 "v-btn/icon": {
1139 "type": "boolean",
1140 "description": "Designates the button as icon. Button will become _round_ and applies the **text** prop."
1141 },
1142 "v-btn/input-value": {
1143 "type": "any",
1144 "description": "Controls the button's active state."
1145 },
1146 "v-btn/large": {
1147 "type": "boolean",
1148 "description": "Makes the component large."
1149 },
1150 "v-btn/left": {
1151 "type": "boolean",
1152 "description": "Aligns the component towards the left. This should be used with the **absolute** or **fixed** props."
1153 },
1154 "v-btn/light": {
1155 "type": "boolean",
1156 "description": "Applies the light theme variant to the component."
1157 },
1158 "v-btn/link": {
1159 "type": "boolean",
1160 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
1161 },
1162 "v-btn/loading": {
1163 "type": "boolean",
1164 "description": "Adds a loading icon animation."
1165 },
1166 "v-btn/max-height": {
1167 "type": "number|string",
1168 "description": "Sets the maximum height for the component."
1169 },
1170 "v-btn/max-width": {
1171 "type": "number|string",
1172 "description": "Sets the maximum width for the component."
1173 },
1174 "v-btn/min-height": {
1175 "type": "number|string",
1176 "description": "Sets the minimum height for the component."
1177 },
1178 "v-btn/min-width": {
1179 "type": "number|string",
1180 "description": "Sets the minimum width for the component."
1181 },
1182 "v-btn/nuxt": {
1183 "type": "boolean",
1184 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
1185 },
1186 "v-btn/outlined": {
1187 "type": "boolean",
1188 "description": "Makes the background transparent and applies a thin border."
1189 },
1190 "v-btn/plain": {
1191 "type": "boolean",
1192 "description": "Removes the default background change applied when hovering over the button."
1193 },
1194 "v-btn/replace": {
1195 "type": "boolean",
1196 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
1197 },
1198 "v-btn/retain-focus-on-click": {
1199 "type": "boolean",
1200 "description": "Don't blur on click."
1201 },
1202 "v-btn/right": {
1203 "type": "boolean",
1204 "description": "Aligns the component towards the right. This should be used with the **absolute** or **fixed** props."
1205 },
1206 "v-btn/ripple": {
1207 "type": "boolean|object",
1208 "description": "Applies the [v-ripple](/directives/ripple) directive."
1209 },
1210 "v-btn/rounded": {
1211 "type": "boolean",
1212 "description": "Applies a large border radius on the button."
1213 },
1214 "v-btn/shaped": {
1215 "type": "boolean",
1216 "description": "Applies a large border radius on the top left and bottom right of the card."
1217 },
1218 "v-btn/small": {
1219 "type": "boolean",
1220 "description": "Makes the component small."
1221 },
1222 "v-btn/tag": {
1223 "type": "string",
1224 "description": "Specify a custom tag used on the root element."
1225 },
1226 "v-btn/target": {
1227 "type": "string",
1228 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
1229 },
1230 "v-btn/text": {
1231 "type": "boolean",
1232 "description": "Makes the background transparent. When using the **color** prop, the color will be applied to the button text instead of the background."
1233 },
1234 "v-btn/tile": {
1235 "type": "boolean",
1236 "description": "Removes the component's **border-radius**."
1237 },
1238 "v-btn/to": {
1239 "type": "string|object",
1240 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
1241 },
1242 "v-btn/top": {
1243 "type": "boolean",
1244 "description": "Aligns the content towards the top."
1245 },
1246 "v-btn/type": {
1247 "type": "string",
1248 "description": "Set the button's **type** attribute."
1249 },
1250 "v-btn/value": {
1251 "type": "any",
1252 "description": "Controls whether the component is visible or hidden."
1253 },
1254 "v-btn/width": {
1255 "type": "number|string",
1256 "description": "Sets the width for the component."
1257 },
1258 "v-btn/x-large": {
1259 "type": "boolean",
1260 "description": "Makes the component extra large."
1261 },
1262 "v-btn/x-small": {
1263 "type": "boolean",
1264 "description": "Makes the component extra small."
1265 },
1266 "v-btn-toggle/active-class": {
1267 "type": "string",
1268 "description": "The **active-class** applied to children when they are activated."
1269 },
1270 "v-btn-toggle/background-color": {
1271 "type": "string",
1272 "description": "Changes the background-color for the component."
1273 },
1274 "v-btn-toggle/borderless": {
1275 "type": "boolean",
1276 "description": "Removes the group's border."
1277 },
1278 "v-btn-toggle/color": {
1279 "type": "string",
1280 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1281 },
1282 "v-btn-toggle/dark": {
1283 "type": "boolean",
1284 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1285 },
1286 "v-btn-toggle/dense": {
1287 "type": "boolean",
1288 "description": "Reduces the button size and padding."
1289 },
1290 "v-btn-toggle/group": {
1291 "type": "boolean",
1292 "description": "Generally used in [v-toolbar](/components/toolbars) and [v-app-bar](/components/app-bars). Removes background color, border and increases space between the buttons"
1293 },
1294 "v-btn-toggle/light": {
1295 "type": "boolean",
1296 "description": "Applies the light theme variant to the component."
1297 },
1298 "v-btn-toggle/mandatory": {
1299 "type": "boolean",
1300 "description": "Forces a value to always be selected (if available)."
1301 },
1302 "v-btn-toggle/max": {
1303 "type": "number|string",
1304 "description": "Sets a maximum number of selections that can be made."
1305 },
1306 "v-btn-toggle/multiple": {
1307 "type": "boolean",
1308 "description": "Allow multiple selections. The **value** prop must be an _array_."
1309 },
1310 "v-btn-toggle/rounded": {
1311 "type": "boolean",
1312 "description": "Round edge buttons"
1313 },
1314 "v-btn-toggle/shaped": {
1315 "type": "boolean",
1316 "description": "Applies a large border radius on the top left and bottom right of the card."
1317 },
1318 "v-btn-toggle/tag": {
1319 "type": "string",
1320 "description": "Specify a custom tag used on the root element."
1321 },
1322 "v-btn-toggle/tile": {
1323 "type": "boolean",
1324 "description": "Removes the component's border-radius."
1325 },
1326 "v-btn-toggle/value": {
1327 "type": "any",
1328 "description": "The designated model value for the component."
1329 },
1330 "v-calendar/categories": {
1331 "type": "array|string",
1332 "description": "Specifies what categories to display in the `category` view. This controls the order of the categories as well. If the calendar uses events any categories specified in those events not specified in this value are dynamically rendered in the view unless `category-hide-dynamic` is true."
1333 },
1334 "v-calendar/category-days": {
1335 "type": "number|string",
1336 "description": "The number of days to render in the `category` view."
1337 },
1338 "v-calendar/category-for-invalid": {
1339 "type": "string",
1340 "description": "The category to place events in that have invalid categories. A category is invalid when it is not a string. By default events without a category are not displayed until this value is specified."
1341 },
1342 "v-calendar/category-hide-dynamic": {
1343 "type": "boolean",
1344 "description": "Sets whether categories specified in an event should be hidden if it's not defined in `categories`."
1345 },
1346 "v-calendar/category-show-all": {
1347 "type": "boolean",
1348 "description": "Set whether the `category` view should show all defined `categories` even if there are no events for a category."
1349 },
1350 "v-calendar/category-text": {
1351 "type": "string|function",
1352 "description": "If categories is a list of objects, you can use this to determine what property to print out as the category text on the calendar. You can provide a function to do some logic or just define the prop name. It's similar to item-text on v-select"
1353 },
1354 "v-calendar/color": {
1355 "type": "string",
1356 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1357 },
1358 "v-calendar/dark": {
1359 "type": "boolean",
1360 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1361 },
1362 "v-calendar/day-format": {
1363 "type": "function",
1364 "description": "Formats day of the month string that appears in a day to a specified locale"
1365 },
1366 "v-calendar/end": {
1367 "type": "string|number|date",
1368 "description": "The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1369 },
1370 "v-calendar/event-category": {
1371 "type": "string|function",
1372 "description": "Set property of *event*'s category. Instead of a property a function can be given which takes an event and returns the category."
1373 },
1374 "v-calendar/event-color": {
1375 "type": "string|function",
1376 "description": "A background color for all events or a function which accepts an event object passed to the calendar to return a color."
1377 },
1378 "v-calendar/event-end": {
1379 "type": "string",
1380 "description": "Set property of *event*'s end timestamp."
1381 },
1382 "v-calendar/event-height": {
1383 "type": "number",
1384 "description": "The height of an event in pixels in the `month` view and at the top of the `day` views."
1385 },
1386 "v-calendar/event-margin-bottom": {
1387 "type": "number",
1388 "description": "Margin bottom for event"
1389 },
1390 "v-calendar/event-more": {
1391 "type": "boolean",
1392 "description": "Whether the more 'button' is displayed on a calendar with too many events in a given day. It will say something like '5 more' and when clicked generates a `click:more` event."
1393 },
1394 "v-calendar/event-more-text": {
1395 "type": "string",
1396 "description": "The text to display in the more 'button' given the number of hidden events."
1397 },
1398 "v-calendar/event-name": {
1399 "type": "string|function",
1400 "description": "Set property of *event*'s displayed name, or a function which accepts an event object passed to the calendar as the first argument and a flag signalling whether the name is for a timed event (true) or an event over a day."
1401 },
1402 "v-calendar/event-overlap-mode": {
1403 "type": "string|function",
1404 "description": "One of `stack`, `column`, or a custom render function"
1405 },
1406 "v-calendar/event-overlap-threshold": {
1407 "type": "string|number",
1408 "description": "A value in minutes that's used to determine whether two timed events should be placed in column beside each other or should be treated as slightly overlapping events."
1409 },
1410 "v-calendar/event-ripple": {
1411 "type": "boolean|object",
1412 "description": "Applies the `v-ripple` directive."
1413 },
1414 "v-calendar/event-start": {
1415 "type": "string",
1416 "description": "Set property of *event*'s start timestamp."
1417 },
1418 "v-calendar/event-text-color": {
1419 "type": "string|function",
1420 "description": "A text color for all events or a function which accepts an event object passed to the calendar to return a color."
1421 },
1422 "v-calendar/event-timed": {
1423 "type": "string|function",
1424 "description": "If Dates or milliseconds are used as the start or end timestamp of an event, this prop can be a string to a property on the event that is truthy if the event is a timed event or a function which takes the event and returns a truthy value if the event is a timed event."
1425 },
1426 "v-calendar/events": {
1427 "type": "array",
1428 "description": "An array of event objects with a property for a start timestamp and optionally a name and end timestamp. If an end timestamp is not given, the value of start will be used. If no name is given, you must provide an implementation for the `event` slot."
1429 },
1430 "v-calendar/first-interval": {
1431 "type": "number|string",
1432 "description": "The first interval to display in the `day` view. If `intervalMinutes` is set to 60 and this is set to 9 the first time in the view is 9am."
1433 },
1434 "v-calendar/first-time": {
1435 "type": "number|string|object",
1436 "description": "The first time to display in the `day` view. If specified, this overwrites any `firstInterval` value specified. This can be the number of minutes since midnight, a string in the format of `HH:mm`, or an object with number properties hour and minute."
1437 },
1438 "v-calendar/hide-header": {
1439 "type": "boolean",
1440 "description": "If the header at the top of the `day` view should be visible."
1441 },
1442 "v-calendar/interval-count": {
1443 "type": "number|string",
1444 "description": "The number of intervals to display in the `day` view."
1445 },
1446 "v-calendar/interval-format": {
1447 "type": "function",
1448 "description": "Formats time of day string that appears in the interval gutter of the `day` and `week` view to specified locale"
1449 },
1450 "v-calendar/interval-height": {
1451 "type": "number|string",
1452 "description": "The height of an interval in pixels in the `day` view."
1453 },
1454 "v-calendar/interval-minutes": {
1455 "type": "number|string",
1456 "description": "The number of minutes the intervals are in the `day` view. A common interval is 60 minutes so the intervals are an hour."
1457 },
1458 "v-calendar/interval-style": {
1459 "type": "function",
1460 "description": "Returns CSS styling to apply to the interval."
1461 },
1462 "v-calendar/interval-width": {
1463 "type": "number|string",
1464 "description": "The width of the interval gutter on the left side in the `day` view."
1465 },
1466 "v-calendar/light": {
1467 "type": "boolean",
1468 "description": "Applies the light theme variant to the component."
1469 },
1470 "v-calendar/locale": {
1471 "type": "string",
1472 "description": "The locale of the calendar."
1473 },
1474 "v-calendar/locale-first-day-of-year": {
1475 "type": "string|number",
1476 "description": "Sets the day that determines the first week of the year, starting with 0 for **Sunday**. For ISO 8601 this should be 4."
1477 },
1478 "v-calendar/max-days": {
1479 "type": "number",
1480 "description": "The maximum number of days to display in the custom calendar if an `end` day is not set."
1481 },
1482 "v-calendar/min-weeks": {
1483 "type": "any",
1484 "description": "The minimum number of weeks to display in the `month` or `week` view."
1485 },
1486 "v-calendar/month-format": {
1487 "type": "function",
1488 "description": "Formats month string that appears in a day to specified locale"
1489 },
1490 "v-calendar/now": {
1491 "type": "string",
1492 "description": "Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now."
1493 },
1494 "v-calendar/short-intervals": {
1495 "type": "boolean",
1496 "description": "If true, the intervals in the `day` view will be 9 AM as opposed to 09:00 AM"
1497 },
1498 "v-calendar/short-months": {
1499 "type": "boolean",
1500 "description": "Whether the short versions of a month should be used (Jan vs January)."
1501 },
1502 "v-calendar/short-weekdays": {
1503 "type": "boolean",
1504 "description": "Whether the short versions of a weekday should be used (Mon vs Monday)."
1505 },
1506 "v-calendar/show-interval-label": {
1507 "type": "function",
1508 "description": "Checks if a given day and time should be displayed in the interval gutter of the `day` view."
1509 },
1510 "v-calendar/show-month-on-first": {
1511 "type": "boolean",
1512 "description": "Whether the name of the month should be displayed on the first day of the month."
1513 },
1514 "v-calendar/show-week": {
1515 "type": "boolean",
1516 "description": "Whether week numbers should be displayed when using the `month` view."
1517 },
1518 "v-calendar/start": {
1519 "type": "string|number|date",
1520 "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1521 },
1522 "v-calendar/type": {
1523 "type": "string",
1524 "description": "A string which is one of `month`, `week`, `day`, `4day`, `custom-weekly`, `custom-daily`, and `category`. The custom types look at the `start` and `end` dates passed to the component as opposed to the `value`."
1525 },
1526 "v-calendar/value": {
1527 "type": "string|number|date",
1528 "description": "A date in the format of `YYYY-MM-DD` which determines what span of time for the calendar."
1529 },
1530 "v-calendar/weekday-format": {
1531 "type": "function",
1532 "description": "Formats day of the week string that appears in the header to specified locale"
1533 },
1534 "v-calendar/weekdays": {
1535 "type": "array|string",
1536 "description": "Specifies which days of the week to display. To display Monday through Friday only, a value of `[1, 2, 3, 4, 5]` can be used. To display a week starting on Monday a value of `[1, 2, 3, 4, 5, 6, 0]` can be used."
1537 },
1538 "v-calendar-daily/color": {
1539 "type": "string",
1540 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1541 },
1542 "v-calendar-daily/dark": {
1543 "type": "boolean",
1544 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1545 },
1546 "v-calendar-daily/day-format": {
1547 "type": "function",
1548 "description": "Formats day of the month string that appears in a day to a specified locale"
1549 },
1550 "v-calendar-daily/end": {
1551 "type": "string|number|date",
1552 "description": "The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1553 },
1554 "v-calendar-daily/first-interval": {
1555 "type": "number|string",
1556 "description": "The first interval to display in the `day` view. If `intervalMinutes` is set to 60 and this is set to 9 the first time in the view is 9am."
1557 },
1558 "v-calendar-daily/first-time": {
1559 "type": "number|string|object",
1560 "description": "The first time to display in the `day` view. If specified, this overwrites any `firstInterval` value specified. This can be the number of minutes since midnight, a string in the format of `HH:mm`, or an object with number properties hour and minute."
1561 },
1562 "v-calendar-daily/hide-header": {
1563 "type": "boolean",
1564 "description": "If the header at the top of the `day` view should be visible."
1565 },
1566 "v-calendar-daily/interval-count": {
1567 "type": "number|string",
1568 "description": "The number of intervals to display in the `day` view."
1569 },
1570 "v-calendar-daily/interval-format": {
1571 "type": "function",
1572 "description": "Formats time of day string that appears in the interval gutter of the `day` and `week` view to specified locale"
1573 },
1574 "v-calendar-daily/interval-height": {
1575 "type": "number|string",
1576 "description": "The height of an interval in pixels in the `day` view."
1577 },
1578 "v-calendar-daily/interval-minutes": {
1579 "type": "number|string",
1580 "description": "The number of minutes the intervals are in the `day` view. A common interval is 60 minutes so the intervals are an hour."
1581 },
1582 "v-calendar-daily/interval-style": {
1583 "type": "function",
1584 "description": "Returns CSS styling to apply to the interval."
1585 },
1586 "v-calendar-daily/interval-width": {
1587 "type": "number|string",
1588 "description": "The width of the interval gutter on the left side in the `day` view."
1589 },
1590 "v-calendar-daily/light": {
1591 "type": "boolean",
1592 "description": "Applies the light theme variant to the component."
1593 },
1594 "v-calendar-daily/locale": {
1595 "type": "string",
1596 "description": "The locale of the calendar."
1597 },
1598 "v-calendar-daily/max-days": {
1599 "type": "number",
1600 "description": "The maximum number of days to display in the custom calendar if an `end` day is not set."
1601 },
1602 "v-calendar-daily/now": {
1603 "type": "string",
1604 "description": "Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now."
1605 },
1606 "v-calendar-daily/short-intervals": {
1607 "type": "boolean",
1608 "description": "If true, the intervals in the `day` view will be 9 AM as opposed to 09:00 AM"
1609 },
1610 "v-calendar-daily/short-weekdays": {
1611 "type": "boolean",
1612 "description": "Whether the short versions of a weekday should be used (Mon vs Monday)."
1613 },
1614 "v-calendar-daily/show-interval-label": {
1615 "type": "function",
1616 "description": "Checks if a given day and time should be displayed in the interval gutter of the `day` view."
1617 },
1618 "v-calendar-daily/start": {
1619 "type": "string|number|date",
1620 "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1621 },
1622 "v-calendar-daily/weekday-format": {
1623 "type": "function",
1624 "description": "Formats day of the week string that appears in the header to specified locale"
1625 },
1626 "v-calendar-daily/weekdays": {
1627 "type": "array|string",
1628 "description": "Specifies which days of the week to display. To display Monday through Friday only, a value of `[1, 2, 3, 4, 5]` can be used. To display a week starting on Monday a value of `[1, 2, 3, 4, 5, 6, 0]` can be used."
1629 },
1630 "v-calendar-weekly/color": {
1631 "type": "string",
1632 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1633 },
1634 "v-calendar-weekly/dark": {
1635 "type": "boolean",
1636 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1637 },
1638 "v-calendar-weekly/day-format": {
1639 "type": "function",
1640 "description": "Formats day of the month string that appears in a day to a specified locale"
1641 },
1642 "v-calendar-weekly/end": {
1643 "type": "string|number|date",
1644 "description": "The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1645 },
1646 "v-calendar-weekly/hide-header": {
1647 "type": "boolean",
1648 "description": "If the header at the top of the `day` view should be visible."
1649 },
1650 "v-calendar-weekly/light": {
1651 "type": "boolean",
1652 "description": "Applies the light theme variant to the component."
1653 },
1654 "v-calendar-weekly/locale": {
1655 "type": "string",
1656 "description": "The locale of the calendar."
1657 },
1658 "v-calendar-weekly/locale-first-day-of-year": {
1659 "type": "string|number",
1660 "description": "Sets the day that determines the first week of the year, starting with 0 for **Sunday**. For ISO 8601 this should be 4."
1661 },
1662 "v-calendar-weekly/min-weeks": {
1663 "type": "any",
1664 "description": "The minimum number of weeks to display in the `month` or `week` view."
1665 },
1666 "v-calendar-weekly/month-format": {
1667 "type": "function",
1668 "description": "Formats month string that appears in a day to specified locale"
1669 },
1670 "v-calendar-weekly/now": {
1671 "type": "string",
1672 "description": "Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now."
1673 },
1674 "v-calendar-weekly/short-months": {
1675 "type": "boolean",
1676 "description": "Whether the short versions of a month should be used (Jan vs January)."
1677 },
1678 "v-calendar-weekly/short-weekdays": {
1679 "type": "boolean",
1680 "description": "Whether the short versions of a weekday should be used (Mon vs Monday)."
1681 },
1682 "v-calendar-weekly/show-month-on-first": {
1683 "type": "boolean",
1684 "description": "Whether the name of the month should be displayed on the first day of the month."
1685 },
1686 "v-calendar-weekly/show-week": {
1687 "type": "boolean",
1688 "description": "Whether week numbers should be displayed when using the `month` view."
1689 },
1690 "v-calendar-weekly/start": {
1691 "type": "string|number|date",
1692 "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1693 },
1694 "v-calendar-weekly/weekday-format": {
1695 "type": "function",
1696 "description": "Formats day of the week string that appears in the header to specified locale"
1697 },
1698 "v-calendar-weekly/weekdays": {
1699 "type": "array|string",
1700 "description": "Specifies which days of the week to display. To display Monday through Friday only, a value of `[1, 2, 3, 4, 5]` can be used. To display a week starting on Monday a value of `[1, 2, 3, 4, 5, 6, 0]` can be used."
1701 },
1702 "v-calendar-monthly/color": {
1703 "type": "string",
1704 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1705 },
1706 "v-calendar-monthly/dark": {
1707 "type": "boolean",
1708 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1709 },
1710 "v-calendar-monthly/day-format": {
1711 "type": "function",
1712 "description": "Formats day of the month string that appears in a day to a specified locale"
1713 },
1714 "v-calendar-monthly/end": {
1715 "type": "string|number|date",
1716 "description": "The ending date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1717 },
1718 "v-calendar-monthly/hide-header": {
1719 "type": "boolean",
1720 "description": "If the header at the top of the `day` view should be visible."
1721 },
1722 "v-calendar-monthly/light": {
1723 "type": "boolean",
1724 "description": "Applies the light theme variant to the component."
1725 },
1726 "v-calendar-monthly/locale": {
1727 "type": "string",
1728 "description": "The locale of the calendar."
1729 },
1730 "v-calendar-monthly/locale-first-day-of-year": {
1731 "type": "string|number",
1732 "description": "Sets the day that determines the first week of the year, starting with 0 for **Sunday**. For ISO 8601 this should be 4."
1733 },
1734 "v-calendar-monthly/min-weeks": {
1735 "type": "any",
1736 "description": "The minimum number of weeks to display in the `month` or `week` view."
1737 },
1738 "v-calendar-monthly/month-format": {
1739 "type": "function",
1740 "description": "Formats month string that appears in a day to specified locale"
1741 },
1742 "v-calendar-monthly/now": {
1743 "type": "string",
1744 "description": "Override the day & time which is considered now. This is in the format of `YYYY-MM-DD hh:mm:ss`. The calendar is styled according to now."
1745 },
1746 "v-calendar-monthly/short-months": {
1747 "type": "boolean",
1748 "description": "Whether the short versions of a month should be used (Jan vs January)."
1749 },
1750 "v-calendar-monthly/short-weekdays": {
1751 "type": "boolean",
1752 "description": "Whether the short versions of a weekday should be used (Mon vs Monday)."
1753 },
1754 "v-calendar-monthly/show-month-on-first": {
1755 "type": "boolean",
1756 "description": "Whether the name of the month should be displayed on the first day of the month."
1757 },
1758 "v-calendar-monthly/show-week": {
1759 "type": "boolean",
1760 "description": "Whether week numbers should be displayed when using the `month` view."
1761 },
1762 "v-calendar-monthly/start": {
1763 "type": "string|number|date",
1764 "description": "The starting date on the calendar (inclusive) in the format of `YYYY-MM-DD`. This may be ignored depending on the `type` of the calendar."
1765 },
1766 "v-calendar-monthly/weekday-format": {
1767 "type": "function",
1768 "description": "Formats day of the week string that appears in the header to specified locale"
1769 },
1770 "v-calendar-monthly/weekdays": {
1771 "type": "array|string",
1772 "description": "Specifies which days of the week to display. To display Monday through Friday only, a value of `[1, 2, 3, 4, 5]` can be used. To display a week starting on Monday a value of `[1, 2, 3, 4, 5, 6, 0]` can be used."
1773 },
1774 "v-card/active-class": {
1775 "type": "string",
1776 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
1777 },
1778 "v-card/append": {
1779 "type": "boolean",
1780 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
1781 },
1782 "v-card/color": {
1783 "type": "string",
1784 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
1785 },
1786 "v-card/dark": {
1787 "type": "boolean",
1788 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1789 },
1790 "v-card/disabled": {
1791 "type": "boolean",
1792 "description": "Removes the ability to click or target the component."
1793 },
1794 "v-card/elevation": {
1795 "type": "number|string",
1796 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
1797 },
1798 "v-card/exact": {
1799 "type": "boolean",
1800 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
1801 },
1802 "v-card/exact-active-class": {
1803 "type": "string",
1804 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
1805 },
1806 "v-card/exact-path": {
1807 "type": "boolean",
1808 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
1809 },
1810 "v-card/flat": {
1811 "type": "boolean",
1812 "description": "Removes the card's elevation."
1813 },
1814 "v-card/height": {
1815 "type": "number|string",
1816 "description": "Sets the height for the component."
1817 },
1818 "v-card/hover": {
1819 "type": "boolean",
1820 "description": "Will apply an elevation of 4dp when hovered (default 2dp). You can find more information on the [elevation page](/styles/elevation)."
1821 },
1822 "v-card/href": {
1823 "type": "string|object",
1824 "description": "Designates the component as anchor and applies the **href** attribute."
1825 },
1826 "v-card/img": {
1827 "type": "string",
1828 "description": "Specifies an image background for the card. For more advanced implementations, it is recommended that you use the [v-img](/components/images) component. You can find a [v-img example here](/components/cards/#media-with-text)."
1829 },
1830 "v-card/light": {
1831 "type": "boolean",
1832 "description": "Applies the light theme variant to the component."
1833 },
1834 "v-card/link": {
1835 "type": "boolean",
1836 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
1837 },
1838 "v-card/loader-height": {
1839 "type": "number|string",
1840 "description": "Specifies the height of the loader"
1841 },
1842 "v-card/loading": {
1843 "type": "boolean|string",
1844 "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"
1845 },
1846 "v-card/max-height": {
1847 "type": "number|string",
1848 "description": "Sets the maximum height for the component."
1849 },
1850 "v-card/max-width": {
1851 "type": "number|string",
1852 "description": "Sets the maximum width for the component."
1853 },
1854 "v-card/min-height": {
1855 "type": "number|string",
1856 "description": "Sets the minimum height for the component."
1857 },
1858 "v-card/min-width": {
1859 "type": "number|string",
1860 "description": "Sets the minimum width for the component."
1861 },
1862 "v-card/nuxt": {
1863 "type": "boolean",
1864 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
1865 },
1866 "v-card/outlined": {
1867 "type": "boolean",
1868 "description": "Removes elevation (box-shadow) and adds a *thin* border."
1869 },
1870 "v-card/raised": {
1871 "type": "boolean",
1872 "description": "Specifies a higher default elevation (8dp). You can find more information on the [elevation page](/styles/elevation)."
1873 },
1874 "v-card/replace": {
1875 "type": "boolean",
1876 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
1877 },
1878 "v-card/ripple": {
1879 "type": "boolean|object",
1880 "description": "Applies the [v-ripple](/directives/ripple) directive."
1881 },
1882 "v-card/rounded": {
1883 "type": "boolean|string",
1884 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
1885 },
1886 "v-card/shaped": {
1887 "type": "boolean",
1888 "description": "Applies a large border radius on the top left and bottom right of the card."
1889 },
1890 "v-card/tag": {
1891 "type": "string",
1892 "description": "Specify a custom tag used on the root element."
1893 },
1894 "v-card/target": {
1895 "type": "string",
1896 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
1897 },
1898 "v-card/tile": {
1899 "type": "boolean",
1900 "description": "Removes the component's **border-radius**."
1901 },
1902 "v-card/to": {
1903 "type": "string|object",
1904 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
1905 },
1906 "v-card/width": {
1907 "type": "number|string",
1908 "description": "Sets the width for the component."
1909 },
1910 "v-carousel/active-class": {
1911 "type": "string",
1912 "description": "The **active-class** applied to children when they are activated."
1913 },
1914 "v-carousel/continuous": {
1915 "type": "boolean",
1916 "description": "Determines whether carousel is continuous"
1917 },
1918 "v-carousel/cycle": {
1919 "type": "boolean",
1920 "description": "Determines if the carousel should cycle through images."
1921 },
1922 "v-carousel/dark": {
1923 "type": "boolean",
1924 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
1925 },
1926 "v-carousel/delimiter-icon": {
1927 "type": "string",
1928 "description": "Sets icon for carousel delimiter"
1929 },
1930 "v-carousel/height": {
1931 "type": "number|string",
1932 "description": "Sets the height for the component"
1933 },
1934 "v-carousel/hide-delimiter-background": {
1935 "type": "boolean",
1936 "description": "Hides the bottom delimiter background."
1937 },
1938 "v-carousel/hide-delimiters": {
1939 "type": "boolean",
1940 "description": "Hides the carousel's bottom delimiters."
1941 },
1942 "v-carousel/interval": {
1943 "type": "number|string",
1944 "description": "The duration between image cycles. Requires the **cycle** prop."
1945 },
1946 "v-carousel/light": {
1947 "type": "boolean",
1948 "description": "Applies the light theme variant to the component."
1949 },
1950 "v-carousel/mandatory": {
1951 "type": "boolean",
1952 "description": "Forces a value to always be selected (if available)."
1953 },
1954 "v-carousel/max": {
1955 "type": "number|string",
1956 "description": "Sets a maximum number of selections that can be made."
1957 },
1958 "v-carousel/multiple": {
1959 "type": "boolean",
1960 "description": "Allow multiple selections. The **value** prop must be an _array_."
1961 },
1962 "v-carousel/next-icon": {
1963 "type": "boolean|string",
1964 "description": "The displayed icon for forcing pagination to the next item."
1965 },
1966 "v-carousel/prev-icon": {
1967 "type": "boolean|string",
1968 "description": "The displayed icon for forcing pagination to the previous item."
1969 },
1970 "v-carousel/progress": {
1971 "type": "boolean",
1972 "description": "Displays a carousel progress bar. Requires the **cycle** prop and **interval**."
1973 },
1974 "v-carousel/progress-color": {
1975 "type": "string",
1976 "description": "Applies specified color to progress bar."
1977 },
1978 "v-carousel/reverse": {
1979 "type": "boolean",
1980 "description": "Reverse the normal transition direction."
1981 },
1982 "v-carousel/show-arrows": {
1983 "type": "boolean",
1984 "description": "Displays arrows for next/previous navigation."
1985 },
1986 "v-carousel/show-arrows-on-hover": {
1987 "type": "boolean",
1988 "description": "Displays navigation arrows only when the carousel is hovered over."
1989 },
1990 "v-carousel/tag": {
1991 "type": "string",
1992 "description": "Specify a custom tag used on the root element."
1993 },
1994 "v-carousel/touch": {
1995 "type": "object",
1996 "description": "Provide a custom **left** and **right** function when swiped left or right."
1997 },
1998 "v-carousel/touchless": {
1999 "type": "boolean",
2000 "description": "Disable touch support."
2001 },
2002 "v-carousel/value": {
2003 "type": "any",
2004 "description": "The designated model value for the component."
2005 },
2006 "v-carousel/vertical": {
2007 "type": "boolean",
2008 "description": "Uses a vertical transition when changing windows."
2009 },
2010 "v-carousel/vertical-delimiters": {
2011 "type": "string",
2012 "description": "Displays carousel delimiters vertically."
2013 },
2014 "v-carousel-item/active-class": {
2015 "type": "string",
2016 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
2017 },
2018 "v-carousel-item/append": {
2019 "type": "boolean",
2020 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
2021 },
2022 "v-carousel-item/disabled": {
2023 "type": "boolean",
2024 "description": "Removes the ability to click or target the component."
2025 },
2026 "v-carousel-item/eager": {
2027 "type": "boolean",
2028 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
2029 },
2030 "v-carousel-item/exact": {
2031 "type": "boolean",
2032 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
2033 },
2034 "v-carousel-item/exact-active-class": {
2035 "type": "string",
2036 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
2037 },
2038 "v-carousel-item/exact-path": {
2039 "type": "boolean",
2040 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
2041 },
2042 "v-carousel-item/href": {
2043 "type": "string|object",
2044 "description": "Designates the component as anchor and applies the **href** attribute."
2045 },
2046 "v-carousel-item/link": {
2047 "type": "boolean",
2048 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
2049 },
2050 "v-carousel-item/nuxt": {
2051 "type": "boolean",
2052 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
2053 },
2054 "v-carousel-item/replace": {
2055 "type": "boolean",
2056 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
2057 },
2058 "v-carousel-item/reverse-transition": {
2059 "type": "boolean|string",
2060 "description": "Sets the reverse transition"
2061 },
2062 "v-carousel-item/ripple": {
2063 "type": "boolean|object",
2064 "description": "Applies the [v-ripple](/directives/ripple) directive."
2065 },
2066 "v-carousel-item/tag": {
2067 "type": "string",
2068 "description": "Specify a custom tag used on the root element."
2069 },
2070 "v-carousel-item/target": {
2071 "type": "string",
2072 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
2073 },
2074 "v-carousel-item/to": {
2075 "type": "string|object",
2076 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
2077 },
2078 "v-carousel-item/transition": {
2079 "type": "boolean|string",
2080 "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own."
2081 },
2082 "v-carousel-item/value": {
2083 "type": "any",
2084 "description": "The value used when the component is selected in a group. If not provided, the index will be used."
2085 },
2086 "v-checkbox/append-icon": {
2087 "type": "string",
2088 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
2089 },
2090 "v-checkbox/background-color": {
2091 "type": "string",
2092 "description": "Changes the background-color of the input"
2093 },
2094 "v-checkbox/color": {
2095 "type": "string",
2096 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
2097 },
2098 "v-checkbox/dark": {
2099 "type": "boolean",
2100 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2101 },
2102 "v-checkbox/dense": {
2103 "type": "boolean",
2104 "description": "Reduces the input height"
2105 },
2106 "v-checkbox/disabled": {
2107 "type": "boolean",
2108 "description": "Disable the input"
2109 },
2110 "v-checkbox/error": {
2111 "type": "boolean",
2112 "description": "Puts the input in a manual error state"
2113 },
2114 "v-checkbox/error-count": {
2115 "type": "number|string",
2116 "description": "The total number of errors that should display at once"
2117 },
2118 "v-checkbox/error-messages": {
2119 "type": "string|array",
2120 "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"
2121 },
2122 "v-checkbox/false-value": {
2123 "type": "any",
2124 "description": "Sets value for falsy state"
2125 },
2126 "v-checkbox/hide-details": {
2127 "type": "boolean|string",
2128 "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"
2129 },
2130 "v-checkbox/hint": {
2131 "type": "string",
2132 "description": "Hint text"
2133 },
2134 "v-checkbox/id": {
2135 "type": "string",
2136 "description": "Sets the DOM id on the component"
2137 },
2138 "v-checkbox/indeterminate": {
2139 "type": "boolean",
2140 "description": "Sets an indeterminate state for the checkbox"
2141 },
2142 "v-checkbox/indeterminate-icon": {
2143 "type": "string",
2144 "description": "The icon used when in an indeterminate state"
2145 },
2146 "v-checkbox/input-value": {
2147 "type": "any",
2148 "description": "The **v-model** bound value"
2149 },
2150 "v-checkbox/label": {
2151 "type": "string",
2152 "description": "Sets input label"
2153 },
2154 "v-checkbox/light": {
2155 "type": "boolean",
2156 "description": "Applies the light theme variant to the component."
2157 },
2158 "v-checkbox/messages": {
2159 "type": "string|array",
2160 "description": "Displays a list of messages or message if using a string"
2161 },
2162 "v-checkbox/multiple": {
2163 "type": "boolean",
2164 "description": "Changes expected model to an array"
2165 },
2166 "v-checkbox/off-icon": {
2167 "type": "string",
2168 "description": "The icon used when inactive"
2169 },
2170 "v-checkbox/on-icon": {
2171 "type": "string",
2172 "description": "The icon used when active"
2173 },
2174 "v-checkbox/persistent-hint": {
2175 "type": "boolean",
2176 "description": "Forces hint to always be visible"
2177 },
2178 "v-checkbox/prepend-icon": {
2179 "type": "string",
2180 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
2181 },
2182 "v-checkbox/readonly": {
2183 "type": "boolean",
2184 "description": "Puts input in readonly state"
2185 },
2186 "v-checkbox/ripple": {
2187 "type": "boolean|object",
2188 "description": "Applies the [v-ripple](/directives/ripple) directive."
2189 },
2190 "v-checkbox/rules": {
2191 "type": "array",
2192 "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`"
2193 },
2194 "v-checkbox/success": {
2195 "type": "boolean",
2196 "description": "Puts the input in a manual success state"
2197 },
2198 "v-checkbox/success-messages": {
2199 "type": "string|array",
2200 "description": "Puts the input in a success state and passes through custom success messages."
2201 },
2202 "v-checkbox/true-value": {
2203 "type": "any",
2204 "description": "Sets value for truthy state"
2205 },
2206 "v-checkbox/validate-on-blur": {
2207 "type": "boolean",
2208 "description": "Delays validation until blur event"
2209 },
2210 "v-checkbox/value": {
2211 "type": "any",
2212 "description": "The input's value"
2213 },
2214 "v-checkbox/value-comparator": {
2215 "type": "function",
2216 "description": "Apply a custom value comparator function"
2217 },
2218 "v-simple-checkbox/color": {
2219 "type": "string",
2220 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
2221 },
2222 "v-simple-checkbox/dark": {
2223 "type": "boolean",
2224 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2225 },
2226 "v-simple-checkbox/disabled": {
2227 "type": "boolean",
2228 "description": "Disables simple checkbox."
2229 },
2230 "v-simple-checkbox/indeterminate": {
2231 "type": "boolean",
2232 "description": "Sets an indeterminate state for the simple checkbox."
2233 },
2234 "v-simple-checkbox/indeterminate-icon": {
2235 "type": "string",
2236 "description": "The icon used when in an indeterminate state."
2237 },
2238 "v-simple-checkbox/light": {
2239 "type": "boolean",
2240 "description": "Applies the light theme variant to the component."
2241 },
2242 "v-simple-checkbox/off-icon": {
2243 "type": "string",
2244 "description": "The icon used when inactive."
2245 },
2246 "v-simple-checkbox/on-icon": {
2247 "type": "string",
2248 "description": "The icon used when active."
2249 },
2250 "v-simple-checkbox/ripple": {
2251 "type": "boolean",
2252 "description": "Applies the [v-ripple](/directives/ripple) directive."
2253 },
2254 "v-simple-checkbox/value": {
2255 "type": "boolean",
2256 "description": "A boolean value that represents whether the simple checkbox is checked."
2257 },
2258 "v-chip/active": {
2259 "type": "boolean",
2260 "description": "Determines whether the chip is visible or not."
2261 },
2262 "v-chip/active-class": {
2263 "type": "string",
2264 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
2265 },
2266 "v-chip/append": {
2267 "type": "boolean",
2268 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
2269 },
2270 "v-chip/close": {
2271 "type": "boolean",
2272 "description": "Adds remove button"
2273 },
2274 "v-chip/close-icon": {
2275 "type": "string",
2276 "description": "Change the default icon used for **close** chips"
2277 },
2278 "v-chip/close-label": {
2279 "type": "string",
2280 "description": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization)."
2281 },
2282 "v-chip/color": {
2283 "type": "string",
2284 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
2285 },
2286 "v-chip/dark": {
2287 "type": "boolean",
2288 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2289 },
2290 "v-chip/disabled": {
2291 "type": "boolean",
2292 "description": "Disables the chip, making it un-selectable"
2293 },
2294 "v-chip/draggable": {
2295 "type": "boolean",
2296 "description": "Makes the chip draggable"
2297 },
2298 "v-chip/exact": {
2299 "type": "boolean",
2300 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
2301 },
2302 "v-chip/exact-active-class": {
2303 "type": "string",
2304 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
2305 },
2306 "v-chip/exact-path": {
2307 "type": "boolean",
2308 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
2309 },
2310 "v-chip/filter": {
2311 "type": "boolean",
2312 "description": "Displays a selection icon when selected"
2313 },
2314 "v-chip/filter-icon": {
2315 "type": "string",
2316 "description": "Change the default icon used for **filter** chips"
2317 },
2318 "v-chip/href": {
2319 "type": "string|object",
2320 "description": "Designates the component as anchor and applies the **href** attribute."
2321 },
2322 "v-chip/input-value": {
2323 "type": "any",
2324 "description": "Controls the **active** state of the item. This is typically used to highlight the component."
2325 },
2326 "v-chip/label": {
2327 "type": "boolean",
2328 "description": "Removes circle edges"
2329 },
2330 "v-chip/large": {
2331 "type": "boolean",
2332 "description": "Makes the component large."
2333 },
2334 "v-chip/light": {
2335 "type": "boolean",
2336 "description": "Applies the light theme variant to the component."
2337 },
2338 "v-chip/link": {
2339 "type": "boolean",
2340 "description": "Explicitly define the chip as a link"
2341 },
2342 "v-chip/nuxt": {
2343 "type": "boolean",
2344 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
2345 },
2346 "v-chip/outlined": {
2347 "type": "boolean",
2348 "description": "Removes background and applies border and text color"
2349 },
2350 "v-chip/pill": {
2351 "type": "boolean",
2352 "description": "Remove `v-avatar` padding"
2353 },
2354 "v-chip/replace": {
2355 "type": "boolean",
2356 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
2357 },
2358 "v-chip/ripple": {
2359 "type": "boolean|object",
2360 "description": "Applies the [v-ripple](/directives/ripple) directive."
2361 },
2362 "v-chip/small": {
2363 "type": "boolean",
2364 "description": "Makes the component small."
2365 },
2366 "v-chip/tag": {
2367 "type": "string",
2368 "description": "Specify a custom tag used on the root element."
2369 },
2370 "v-chip/target": {
2371 "type": "string",
2372 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
2373 },
2374 "v-chip/text-color": {
2375 "type": "string",
2376 "description": "Applies a specified color to the control text"
2377 },
2378 "v-chip/to": {
2379 "type": "string|object",
2380 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
2381 },
2382 "v-chip/value": {
2383 "type": "any",
2384 "description": "The value used when a child of a [v-chip-group](/components/chip-groups)."
2385 },
2386 "v-chip/x-large": {
2387 "type": "boolean",
2388 "description": "Makes the component extra large."
2389 },
2390 "v-chip/x-small": {
2391 "type": "boolean",
2392 "description": "Makes the component extra small."
2393 },
2394 "v-chip-group/active-class": {
2395 "type": "string",
2396 "description": "The **active-class** applied to children when they are activated."
2397 },
2398 "v-chip-group/center-active": {
2399 "type": "boolean",
2400 "description": "Forces the selected chip to be centered"
2401 },
2402 "v-chip-group/color": {
2403 "type": "string",
2404 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
2405 },
2406 "v-chip-group/column": {
2407 "type": "boolean",
2408 "description": "Remove horizontal pagination and wrap items as needed"
2409 },
2410 "v-chip-group/dark": {
2411 "type": "boolean",
2412 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2413 },
2414 "v-chip-group/light": {
2415 "type": "boolean",
2416 "description": "Applies the light theme variant to the component."
2417 },
2418 "v-chip-group/mandatory": {
2419 "type": "boolean",
2420 "description": "Forces a value to always be selected (if available)."
2421 },
2422 "v-chip-group/max": {
2423 "type": "number|string",
2424 "description": "Sets a maximum number of selections that can be made."
2425 },
2426 "v-chip-group/mobile-breakpoint": {
2427 "type": "number|string",
2428 "description": "Sets the designated mobile breakpoint for the component."
2429 },
2430 "v-chip-group/multiple": {
2431 "type": "boolean",
2432 "description": "Allow multiple selections. The **value** prop must be an _array_."
2433 },
2434 "v-chip-group/next-icon": {
2435 "type": "string",
2436 "description": "Specify the icon to use for the next icon"
2437 },
2438 "v-chip-group/prev-icon": {
2439 "type": "string",
2440 "description": "Specify the icon to use for the prev icon"
2441 },
2442 "v-chip-group/show-arrows": {
2443 "type": "boolean|string",
2444 "description": "Force the display of the pagination arrows"
2445 },
2446 "v-chip-group/tag": {
2447 "type": "string",
2448 "description": "Specify a custom tag used on the root element."
2449 },
2450 "v-chip-group/value": {
2451 "type": "any",
2452 "description": "The designated model value for the component."
2453 },
2454 "v-color-picker/canvas-height": {
2455 "type": "string|number",
2456 "description": "Height of canvas"
2457 },
2458 "v-color-picker/dark": {
2459 "type": "boolean",
2460 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2461 },
2462 "v-color-picker/disabled": {
2463 "type": "boolean",
2464 "description": "Disables picker"
2465 },
2466 "v-color-picker/dot-size": {
2467 "type": "number|string",
2468 "description": "Changes the size of the selection dot on the canvas"
2469 },
2470 "v-color-picker/elevation": {
2471 "type": "number|string",
2472 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
2473 },
2474 "v-color-picker/flat": {
2475 "type": "boolean",
2476 "description": "Removes elevation"
2477 },
2478 "v-color-picker/hide-canvas": {
2479 "type": "boolean",
2480 "description": "Hides canvas"
2481 },
2482 "v-color-picker/hide-inputs": {
2483 "type": "boolean",
2484 "description": "Hides inputs"
2485 },
2486 "v-color-picker/hide-mode-switch": {
2487 "type": "boolean",
2488 "description": "Hides mode switch"
2489 },
2490 "v-color-picker/hide-sliders": {
2491 "type": "boolean",
2492 "description": "Hides sliders"
2493 },
2494 "v-color-picker/light": {
2495 "type": "boolean",
2496 "description": "Applies the light theme variant to the component."
2497 },
2498 "v-color-picker/mode": {
2499 "type": "string",
2500 "description": "Sets mode of inputs. Available modes are 'rgba', 'hsla', and 'hexa'. Can be synced with the `.sync` modifier."
2501 },
2502 "v-color-picker/show-swatches": {
2503 "type": "boolean",
2504 "description": "Displays color swatches"
2505 },
2506 "v-color-picker/swatches": {
2507 "type": "array",
2508 "description": "Sets the available color swatches to select from - This prop only accepts rgba hex strings"
2509 },
2510 "v-color-picker/swatches-max-height": {
2511 "type": "number|string",
2512 "description": "Sets the maximum height of the swatches section"
2513 },
2514 "v-color-picker/value": {
2515 "type": "object|string",
2516 "description": "Current color. This can be either a string representing a hex color, or an object representing a RGBA, HSLA, or HSVA value"
2517 },
2518 "v-color-picker/width": {
2519 "type": "number|string",
2520 "description": "Sets the width of the color picker"
2521 },
2522 "v-content/tag": {
2523 "type": "string",
2524 "description": "Specify a custom tag used on the root element."
2525 },
2526 "v-combobox/allow-overflow": {
2527 "type": "boolean",
2528 "description": "Allow the menu to overflow off the screen"
2529 },
2530 "v-combobox/append-icon": {
2531 "type": "string",
2532 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
2533 },
2534 "v-combobox/append-outer-icon": {
2535 "type": "string",
2536 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
2537 },
2538 "v-combobox/attach": {
2539 "type": "any",
2540 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
2541 },
2542 "v-combobox/auto-select-first": {
2543 "type": "boolean",
2544 "description": "When searching, will always highlight the first option"
2545 },
2546 "v-combobox/autofocus": {
2547 "type": "boolean",
2548 "description": "Enables autofocus"
2549 },
2550 "v-combobox/background-color": {
2551 "type": "string",
2552 "description": "Changes the background-color of the input"
2553 },
2554 "v-combobox/cache-items": {
2555 "type": "boolean",
2556 "description": "Keeps a local _unique_ copy of all items that have been passed through the **items** prop."
2557 },
2558 "v-combobox/chips": {
2559 "type": "boolean",
2560 "description": "Changes display of selections to chips"
2561 },
2562 "v-combobox/clear-icon": {
2563 "type": "string",
2564 "description": "Applied when using **clearable** and the input is dirty"
2565 },
2566 "v-combobox/clearable": {
2567 "type": "boolean",
2568 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
2569 },
2570 "v-combobox/color": {
2571 "type": "string",
2572 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
2573 },
2574 "v-combobox/counter": {
2575 "type": "boolean|number|string",
2576 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
2577 },
2578 "v-combobox/counter-value": {
2579 "type": "function",
2580 "description": ""
2581 },
2582 "v-combobox/dark": {
2583 "type": "boolean",
2584 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2585 },
2586 "v-combobox/deletable-chips": {
2587 "type": "boolean",
2588 "description": "Adds a remove icon to selected chips"
2589 },
2590 "v-combobox/delimiters": {
2591 "type": "array",
2592 "description": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys."
2593 },
2594 "v-combobox/dense": {
2595 "type": "boolean",
2596 "description": "Reduces the input height"
2597 },
2598 "v-combobox/disable-lookup": {
2599 "type": "boolean",
2600 "description": "Disables keyboard lookup"
2601 },
2602 "v-combobox/disabled": {
2603 "type": "boolean",
2604 "description": "Disables the input"
2605 },
2606 "v-combobox/eager": {
2607 "type": "boolean",
2608 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
2609 },
2610 "v-combobox/error": {
2611 "type": "boolean",
2612 "description": "Puts the input in a manual error state"
2613 },
2614 "v-combobox/error-count": {
2615 "type": "number|string",
2616 "description": "The total number of errors that should display at once"
2617 },
2618 "v-combobox/error-messages": {
2619 "type": "string|array",
2620 "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"
2621 },
2622 "v-combobox/filled": {
2623 "type": "boolean",
2624 "description": "Applies the alternate filled input style"
2625 },
2626 "v-combobox/filter": {
2627 "type": "function",
2628 "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)"
2629 },
2630 "v-combobox/flat": {
2631 "type": "boolean",
2632 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
2633 },
2634 "v-combobox/full-width": {
2635 "type": "boolean",
2636 "description": "Designates input type as full-width"
2637 },
2638 "v-combobox/height": {
2639 "type": "number|string",
2640 "description": "Sets the height of the input"
2641 },
2642 "v-combobox/hide-details": {
2643 "type": "boolean|string",
2644 "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"
2645 },
2646 "v-combobox/hide-no-data": {
2647 "type": "boolean",
2648 "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
2649 },
2650 "v-combobox/hide-selected": {
2651 "type": "boolean",
2652 "description": "Do not display in the select menu items that are already selected"
2653 },
2654 "v-combobox/hint": {
2655 "type": "string",
2656 "description": "Hint text"
2657 },
2658 "v-combobox/id": {
2659 "type": "string",
2660 "description": "Sets the DOM id on the component"
2661 },
2662 "v-combobox/item-color": {
2663 "type": "string",
2664 "description": "Sets color of selected items"
2665 },
2666 "v-combobox/item-disabled": {
2667 "type": "string|array|function",
2668 "description": "Set property of **items**'s disabled value"
2669 },
2670 "v-combobox/item-text": {
2671 "type": "string|array|function",
2672 "description": "Set property of **items**'s text value"
2673 },
2674 "v-combobox/item-value": {
2675 "type": "string|array|function",
2676 "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)"
2677 },
2678 "v-combobox/items": {
2679 "type": "array",
2680 "description": "Can be an array of objects or array of strings. When using objects, will look for a text, value and disabled keys. This can be changed using the **item-text**, **item-value** and **item-disabled** props. Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
2681 },
2682 "v-combobox/label": {
2683 "type": "string",
2684 "description": "Sets input label"
2685 },
2686 "v-combobox/light": {
2687 "type": "boolean",
2688 "description": "Applies the light theme variant to the component."
2689 },
2690 "v-combobox/loader-height": {
2691 "type": "number|string",
2692 "description": "Specifies the height of the loader"
2693 },
2694 "v-combobox/loading": {
2695 "type": "boolean|string",
2696 "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"
2697 },
2698 "v-combobox/menu-props": {
2699 "type": "string|array|object",
2700 "description": "Pass props through to the `v-menu` component. Accepts either a string for boolean props `menu-props=\"auto, overflowY\"`, or an object `:menu-props=\"{ auto: true, overflowY: true }\"`"
2701 },
2702 "v-combobox/messages": {
2703 "type": "string|array",
2704 "description": "Displays a list of messages or message if using a string"
2705 },
2706 "v-combobox/multiple": {
2707 "type": "boolean",
2708 "description": "Changes select to multiple. Accepts array for value"
2709 },
2710 "v-combobox/no-data-text": {
2711 "type": "string",
2712 "description": "Display text when there is no data"
2713 },
2714 "v-combobox/no-filter": {
2715 "type": "boolean",
2716 "description": "Do not apply filtering when searching. Useful when data is being filtered server side"
2717 },
2718 "v-combobox/open-on-clear": {
2719 "type": "boolean",
2720 "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state"
2721 },
2722 "v-combobox/outlined": {
2723 "type": "boolean",
2724 "description": "Applies the outlined style to the input"
2725 },
2726 "v-combobox/persistent-hint": {
2727 "type": "boolean",
2728 "description": "Forces hint to always be visible"
2729 },
2730 "v-combobox/persistent-placeholder": {
2731 "type": "boolean",
2732 "description": "Forces placeholder to always be visible"
2733 },
2734 "v-combobox/placeholder": {
2735 "type": "string",
2736 "description": "Sets the input's placeholder text"
2737 },
2738 "v-combobox/prefix": {
2739 "type": "string",
2740 "description": "Displays prefix text"
2741 },
2742 "v-combobox/prepend-icon": {
2743 "type": "string",
2744 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
2745 },
2746 "v-combobox/prepend-inner-icon": {
2747 "type": "string",
2748 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
2749 },
2750 "v-combobox/readonly": {
2751 "type": "boolean",
2752 "description": "Puts input in readonly state"
2753 },
2754 "v-combobox/return-object": {
2755 "type": "boolean",
2756 "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
2757 },
2758 "v-combobox/reverse": {
2759 "type": "boolean",
2760 "description": "Reverses the input orientation"
2761 },
2762 "v-combobox/rounded": {
2763 "type": "boolean",
2764 "description": "Adds a border radius to the input"
2765 },
2766 "v-combobox/rules": {
2767 "type": "array",
2768 "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`"
2769 },
2770 "v-combobox/search-input": {
2771 "type": "string",
2772 "description": "Search value. Can be used with `.sync` modifier."
2773 },
2774 "v-combobox/shaped": {
2775 "type": "boolean",
2776 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
2777 },
2778 "v-combobox/single-line": {
2779 "type": "boolean",
2780 "description": "Label does not move on focus/dirty"
2781 },
2782 "v-combobox/small-chips": {
2783 "type": "boolean",
2784 "description": "Changes display of selections to chips with the **small** property"
2785 },
2786 "v-combobox/solo": {
2787 "type": "boolean",
2788 "description": "Changes the style of the input"
2789 },
2790 "v-combobox/solo-inverted": {
2791 "type": "boolean",
2792 "description": "Reduces element opacity until focused"
2793 },
2794 "v-combobox/success": {
2795 "type": "boolean",
2796 "description": "Puts the input in a manual success state"
2797 },
2798 "v-combobox/success-messages": {
2799 "type": "string|array",
2800 "description": "Puts the input in a success state and passes through custom success messages."
2801 },
2802 "v-combobox/suffix": {
2803 "type": "string",
2804 "description": "Displays suffix text"
2805 },
2806 "v-combobox/type": {
2807 "type": "string",
2808 "description": "Sets input type"
2809 },
2810 "v-combobox/validate-on-blur": {
2811 "type": "boolean",
2812 "description": "Delays validation until blur event"
2813 },
2814 "v-combobox/value": {
2815 "type": "any",
2816 "description": "The input's value"
2817 },
2818 "v-combobox/value-comparator": {
2819 "type": "function",
2820 "description": "The comparison algorithm used for values. [More info](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts)"
2821 },
2822 "v-data-iterator/checkbox-color": {
2823 "type": "string",
2824 "description": ""
2825 },
2826 "v-data-iterator/custom-filter": {
2827 "type": "function",
2828 "description": "Function to filter items"
2829 },
2830 "v-data-iterator/custom-group": {
2831 "type": "function",
2832 "description": "Function used to group items"
2833 },
2834 "v-data-iterator/custom-sort": {
2835 "type": "function",
2836 "description": "Function used to sort items"
2837 },
2838 "v-data-iterator/dark": {
2839 "type": "boolean",
2840 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
2841 },
2842 "v-data-iterator/disable-filtering": {
2843 "type": "boolean",
2844 "description": "Disables filtering completely"
2845 },
2846 "v-data-iterator/disable-pagination": {
2847 "type": "boolean",
2848 "description": "Disables pagination completely"
2849 },
2850 "v-data-iterator/disable-sort": {
2851 "type": "boolean",
2852 "description": "Disables sorting completely"
2853 },
2854 "v-data-iterator/expanded": {
2855 "type": "array",
2856 "description": "Array of expanded items. Can be used with `.sync` modifier"
2857 },
2858 "v-data-iterator/footer-props": {
2859 "type": "object",
2860 "description": "See the [`v-data-footer`](/api/v-data-footer) API for more information"
2861 },
2862 "v-data-iterator/group-by": {
2863 "type": "string|array",
2864 "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier"
2865 },
2866 "v-data-iterator/group-desc": {
2867 "type": "boolean|array",
2868 "description": "Changes which direction grouping is done. Can be used with `.sync` modifier"
2869 },
2870 "v-data-iterator/hide-default-footer": {
2871 "type": "boolean",
2872 "description": "Hides default footer"
2873 },
2874 "v-data-iterator/item-key": {
2875 "type": "string",
2876 "description": "The property on each item that is used as a unique key"
2877 },
2878 "v-data-iterator/items": {
2879 "type": "array",
2880 "description": "The array of items to display"
2881 },
2882 "v-data-iterator/items-per-page": {
2883 "type": "number",
2884 "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page"
2885 },
2886 "v-data-iterator/light": {
2887 "type": "boolean",
2888 "description": "Applies the light theme variant to the component."
2889 },
2890 "v-data-iterator/loading": {
2891 "type": "boolean|string",
2892 "description": "If `true` and no items are provided, then a loading text will be shown"
2893 },
2894 "v-data-iterator/loading-text": {
2895 "type": "string",
2896 "description": "Text shown when `loading` is true and no items are provided"
2897 },
2898 "v-data-iterator/locale": {
2899 "type": "string",
2900 "description": "Sets the locale used for sorting. This is passed into [`Intl.Collator()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator) in the default `customSort` function"
2901 },
2902 "v-data-iterator/mobile-breakpoint": {
2903 "type": "number|string",
2904 "description": "Used to set when to toggle between regular table and mobile view"
2905 },
2906 "v-data-iterator/multi-sort": {
2907 "type": "boolean",
2908 "description": "If `true` then one can sort on multiple properties"
2909 },
2910 "v-data-iterator/must-sort": {
2911 "type": "boolean",
2912 "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending"
2913 },
2914 "v-data-iterator/no-data-text": {
2915 "type": "string",
2916 "description": "Text shown when no items are provided to the component"
2917 },
2918 "v-data-iterator/no-results-text": {
2919 "type": "string",
2920 "description": "Text shown when `search` prop is used and there are no results"
2921 },
2922 "v-data-iterator/options": {
2923 "type": "dataoptions",
2924 "description": ""
2925 },
2926 "v-data-iterator/page": {
2927 "type": "number",
2928 "description": ""
2929 },
2930 "v-data-iterator/search": {
2931 "type": "string",
2932 "description": "Text input used to filter items"
2933 },
2934 "v-data-iterator/selectable-key": {
2935 "type": "string",
2936 "description": "The property on each item that is used to determine if it is selectable or not"
2937 },
2938 "v-data-iterator/server-items-length": {
2939 "type": "number",
2940 "description": "Used only when data is provided by a server. Should be set to the total amount of items available on server so that pagination works correctly"
2941 },
2942 "v-data-iterator/single-expand": {
2943 "type": "boolean",
2944 "description": "Changes expansion mode to single expand"
2945 },
2946 "v-data-iterator/single-select": {
2947 "type": "boolean",
2948 "description": "Changes selection mode to single select"
2949 },
2950 "v-data-iterator/sort-by": {
2951 "type": "string|array",
2952 "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier"
2953 },
2954 "v-data-iterator/sort-desc": {
2955 "type": "boolean|array",
2956 "description": "Changes which direction sorting is done. Can be used with `.sync` modifier"
2957 },
2958 "v-data-iterator/value": {
2959 "type": "array",
2960 "description": "Used for controlling selected rows"
2961 },
2962 "v-data-footer/disable-items-per-page": {
2963 "type": "boolean",
2964 "description": "Disables items-per-page dropdown"
2965 },
2966 "v-data-footer/disable-pagination": {
2967 "type": "boolean",
2968 "description": "Disables pagination buttons"
2969 },
2970 "v-data-footer/first-icon": {
2971 "type": "string",
2972 "description": "First icon"
2973 },
2974 "v-data-footer/items-per-page-all-text": {
2975 "type": "string",
2976 "description": "Text for 'All' option in items-per-page dropdown"
2977 },
2978 "v-data-footer/items-per-page-options": {
2979 "type": "array",
2980 "description": "Array of options to show in the items-per-page dropdown"
2981 },
2982 "v-data-footer/items-per-page-text": {
2983 "type": "string",
2984 "description": "Text for items-per-page dropdown"
2985 },
2986 "v-data-footer/last-icon": {
2987 "type": "string",
2988 "description": "Last icon"
2989 },
2990 "v-data-footer/next-icon": {
2991 "type": "string",
2992 "description": "Next icon"
2993 },
2994 "v-data-footer/options": {
2995 "type": "object",
2996 "description": "DataOptions"
2997 },
2998 "v-data-footer/page-text": {
2999 "type": "string",
3000 "description": ""
3001 },
3002 "v-data-footer/pagination": {
3003 "type": "object",
3004 "description": "DataPagination"
3005 },
3006 "v-data-footer/prev-icon": {
3007 "type": "string",
3008 "description": "Previous icon"
3009 },
3010 "v-data-footer/show-current-page": {
3011 "type": "boolean",
3012 "description": "Show current page number between prev/next icons"
3013 },
3014 "v-data-footer/show-first-last-page": {
3015 "type": "boolean",
3016 "description": "Show first/last icons"
3017 },
3018 "v-data-table/calculate-widths": {
3019 "type": "boolean",
3020 "description": "Enables calculation of column widths. `widths` property will be available in select scoped slots"
3021 },
3022 "v-data-table/caption": {
3023 "type": "string",
3024 "description": "Set the caption (using `<caption>`)"
3025 },
3026 "v-data-table/checkbox-color": {
3027 "type": "string",
3028 "description": "Set the color of the checkboxes (showSelect must be used)"
3029 },
3030 "v-data-table/custom-filter": {
3031 "type": "function",
3032 "description": "Function to filter items"
3033 },
3034 "v-data-table/custom-group": {
3035 "type": "function",
3036 "description": "Function used to group items"
3037 },
3038 "v-data-table/custom-sort": {
3039 "type": "function",
3040 "description": "Function used to sort items"
3041 },
3042 "v-data-table/dark": {
3043 "type": "boolean",
3044 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3045 },
3046 "v-data-table/dense": {
3047 "type": "boolean",
3048 "description": "Decreases the height of rows"
3049 },
3050 "v-data-table/disable-filtering": {
3051 "type": "boolean",
3052 "description": "Disables filtering completely"
3053 },
3054 "v-data-table/disable-pagination": {
3055 "type": "boolean",
3056 "description": "Disables pagination completely"
3057 },
3058 "v-data-table/disable-sort": {
3059 "type": "boolean",
3060 "description": "Disables sorting completely"
3061 },
3062 "v-data-table/expand-icon": {
3063 "type": "string",
3064 "description": "Icon used for expand toggle button."
3065 },
3066 "v-data-table/expanded": {
3067 "type": "array",
3068 "description": "Array of expanded items. Can be used with `.sync` modifier"
3069 },
3070 "v-data-table/fixed-header": {
3071 "type": "boolean",
3072 "description": "Fixed header to top of table. **NOTE:** Does not work in IE11"
3073 },
3074 "v-data-table/footer-props": {
3075 "type": "object",
3076 "description": "See the [`v-data-footer`](/api/v-data-footer) API for more information"
3077 },
3078 "v-data-table/group-by": {
3079 "type": "string|array",
3080 "description": "Changes which item property should be used for grouping items. Currently only supports a single grouping in the format: `group` or `['group']`. When using an array, only the first element is considered. Can be used with `.sync` modifier"
3081 },
3082 "v-data-table/group-desc": {
3083 "type": "boolean|array",
3084 "description": "Changes which direction grouping is done. Can be used with `.sync` modifier"
3085 },
3086 "v-data-table/header-props": {
3087 "type": "object",
3088 "description": "Pass props to the default header. See [`v-data-table-header` API](/api/v-data-table-header) for more information"
3089 },
3090 "v-data-table/headers": {
3091 "type": "datatableheader[]",
3092 "description": "An array of objects that each describe a header column. See the example below for a definition of all properties"
3093 },
3094 "v-data-table/headers-length": {
3095 "type": "number",
3096 "description": "Can be used in combination with `hide-default-header` to specify the number of columns in the table to allow expansion rows and loading bar to function properly"
3097 },
3098 "v-data-table/height": {
3099 "type": "number|string",
3100 "description": "Set an explicit height of table"
3101 },
3102 "v-data-table/hide-default-footer": {
3103 "type": "boolean",
3104 "description": "Hides default footer"
3105 },
3106 "v-data-table/hide-default-header": {
3107 "type": "boolean",
3108 "description": "Hide the default headers"
3109 },
3110 "v-data-table/item-class": {
3111 "type": "string|function",
3112 "description": "Property on supplied `items` that contains item's row class or function that takes an item as an argument and returns the class of corresponding row"
3113 },
3114 "v-data-table/item-key": {
3115 "type": "string",
3116 "description": "The property on each item that is used as a unique key"
3117 },
3118 "v-data-table/items": {
3119 "type": "array",
3120 "description": "The array of items to display"
3121 },
3122 "v-data-table/items-per-page": {
3123 "type": "number",
3124 "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page"
3125 },
3126 "v-data-table/light": {
3127 "type": "boolean",
3128 "description": "Applies the light theme variant to the component."
3129 },
3130 "v-data-table/loader-height": {
3131 "type": "number|string",
3132 "description": "Specifies the height of the loader"
3133 },
3134 "v-data-table/loading": {
3135 "type": "boolean|string",
3136 "description": "If `true` and no items are provided, then a loading text will be shown"
3137 },
3138 "v-data-table/loading-text": {
3139 "type": "string",
3140 "description": "Text shown when `loading` is true and no items are provided"
3141 },
3142 "v-data-table/locale": {
3143 "type": "string",
3144 "description": "Sets the locale used for sorting. This is passed into [`Intl.Collator()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator) in the default `customSort` function"
3145 },
3146 "v-data-table/mobile-breakpoint": {
3147 "type": "number|string",
3148 "description": "Used to set when to toggle between regular table and mobile view"
3149 },
3150 "v-data-table/multi-sort": {
3151 "type": "boolean",
3152 "description": "If `true` then one can sort on multiple properties"
3153 },
3154 "v-data-table/must-sort": {
3155 "type": "boolean",
3156 "description": "If `true` then one can not disable sorting, it will always switch between ascending and descending"
3157 },
3158 "v-data-table/no-data-text": {
3159 "type": "string",
3160 "description": "Text shown when no items are provided to the component"
3161 },
3162 "v-data-table/no-results-text": {
3163 "type": "string",
3164 "description": "Text shown when `search` prop is used and there are no results"
3165 },
3166 "v-data-table/options": {
3167 "type": "dataoptions",
3168 "description": ""
3169 },
3170 "v-data-table/page": {
3171 "type": "number",
3172 "description": ""
3173 },
3174 "v-data-table/search": {
3175 "type": "string",
3176 "description": "Text input used to filter items"
3177 },
3178 "v-data-table/selectable-key": {
3179 "type": "string",
3180 "description": "The property on each item that is used to determine if it is selectable or not"
3181 },
3182 "v-data-table/server-items-length": {
3183 "type": "number",
3184 "description": "Used only when data is provided by a server. Should be set to the total amount of items available on server so that pagination works correctly"
3185 },
3186 "v-data-table/show-expand": {
3187 "type": "boolean",
3188 "description": "Shows the expand toggle in default rows"
3189 },
3190 "v-data-table/show-group-by": {
3191 "type": "boolean",
3192 "description": "Shows the group by toggle in the header and enables grouped rows"
3193 },
3194 "v-data-table/show-select": {
3195 "type": "boolean",
3196 "description": "Shows the select checkboxes in both the header and rows (if using default rows)"
3197 },
3198 "v-data-table/single-expand": {
3199 "type": "boolean",
3200 "description": "Changes expansion mode to single expand"
3201 },
3202 "v-data-table/single-select": {
3203 "type": "boolean",
3204 "description": "Changes selection mode to single select"
3205 },
3206 "v-data-table/sort-by": {
3207 "type": "string|array",
3208 "description": "Changes which item property (or properties) should be used for sort order. Can be used with `.sync` modifier"
3209 },
3210 "v-data-table/sort-desc": {
3211 "type": "boolean|array",
3212 "description": "Changes which direction sorting is done. Can be used with `.sync` modifier"
3213 },
3214 "v-data-table/value": {
3215 "type": "array",
3216 "description": "Used for controlling selected rows"
3217 },
3218 "v-edit-dialog/cancel-text": {
3219 "type": "any",
3220 "description": "Sets the default text for the cancel button when using the **large** prop"
3221 },
3222 "v-edit-dialog/dark": {
3223 "type": "boolean",
3224 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3225 },
3226 "v-edit-dialog/eager": {
3227 "type": "boolean",
3228 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
3229 },
3230 "v-edit-dialog/large": {
3231 "type": "boolean",
3232 "description": "Attaches a submit and cancel button to the dialog"
3233 },
3234 "v-edit-dialog/light": {
3235 "type": "boolean",
3236 "description": "Applies the light theme variant to the component."
3237 },
3238 "v-edit-dialog/persistent": {
3239 "type": "boolean",
3240 "description": "Clicking outside or pressing **esc** key will not dismiss the dialog"
3241 },
3242 "v-edit-dialog/return-value": {
3243 "type": "any",
3244 "description": ""
3245 },
3246 "v-edit-dialog/save-text": {
3247 "type": "any",
3248 "description": "Sets the default text for the save button when using the **large** prop"
3249 },
3250 "v-edit-dialog/transition": {
3251 "type": "string",
3252 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
3253 },
3254 "v-data-table-header/checkbox-color": {
3255 "type": "string",
3256 "description": ""
3257 },
3258 "v-data-table-header/disable-sort": {
3259 "type": "boolean",
3260 "description": "Toggles rendering of sort button"
3261 },
3262 "v-data-table-header/every-item": {
3263 "type": "boolean",
3264 "description": "Indicates if all items in table are selected"
3265 },
3266 "v-data-table-header/headers": {
3267 "type": "array",
3268 "description": "Array of header items to display"
3269 },
3270 "v-data-table-header/mobile": {
3271 "type": "boolean",
3272 "description": "Renders mobile view of headers"
3273 },
3274 "v-data-table-header/options": {
3275 "type": "object",
3276 "description": "Options object. Identical to the one on `v-data-table`"
3277 },
3278 "v-data-table-header/show-group-by": {
3279 "type": "boolean",
3280 "description": "Shows group by button"
3281 },
3282 "v-data-table-header/single-select": {
3283 "type": "boolean",
3284 "description": "Toggles rendering of select-all checkbox"
3285 },
3286 "v-data-table-header/some-items": {
3287 "type": "boolean",
3288 "description": "Indicates if one or more items in table are selected"
3289 },
3290 "v-data-table-header/sort-by-text": {
3291 "type": "string",
3292 "description": "Sets the label text used by the default sort-by selector when `v-data-table` is rendering the mobile view"
3293 },
3294 "v-data-table-header/sort-icon": {
3295 "type": "string",
3296 "description": "Icon used for sort button"
3297 },
3298 "v-simple-table/dark": {
3299 "type": "boolean",
3300 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3301 },
3302 "v-simple-table/dense": {
3303 "type": "boolean",
3304 "description": "Decreases paddings to render a dense table"
3305 },
3306 "v-simple-table/fixed-header": {
3307 "type": "boolean",
3308 "description": "Sets table header to fixed mode"
3309 },
3310 "v-simple-table/height": {
3311 "type": "number|string",
3312 "description": "Sets the height for the component"
3313 },
3314 "v-simple-table/light": {
3315 "type": "boolean",
3316 "description": "Applies the light theme variant to the component."
3317 },
3318 "v-date-picker/active-picker": {
3319 "type": "string",
3320 "description": "Determines which picker in the date or month picker is being displayed. Allowed values: `'DATE'`, `'MONTH'`, `'YEAR'`"
3321 },
3322 "v-date-picker/allowed-dates": {
3323 "type": "function",
3324 "description": "Restricts which dates can be selected"
3325 },
3326 "v-date-picker/color": {
3327 "type": "string",
3328 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
3329 },
3330 "v-date-picker/dark": {
3331 "type": "boolean",
3332 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3333 },
3334 "v-date-picker/day-format": {
3335 "type": "function",
3336 "description": "Allows you to customize the format of the day string that appears in the date table. Called with date (ISO 8601 **date** string) arguments."
3337 },
3338 "v-date-picker/disabled": {
3339 "type": "boolean",
3340 "description": "Disables interaction with the picker"
3341 },
3342 "v-date-picker/elevation": {
3343 "type": "number|string",
3344 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
3345 },
3346 "v-date-picker/event-color": {
3347 "type": "array|function|object|string",
3348 "description": "Sets the color for event dot. It can be string (all events will have the same color) or `object` where attribute is the event date and value is boolean/color/array of colors for specified date or `function` taking date as a parameter and returning boolean/color/array of colors for that date"
3349 },
3350 "v-date-picker/events": {
3351 "type": "array|function|object",
3352 "description": "Array of dates or object defining events or colors or function returning boolean/color/array of colors"
3353 },
3354 "v-date-picker/first-day-of-week": {
3355 "type": "string|number",
3356 "description": "Sets the first day of the week, starting with 0 for Sunday."
3357 },
3358 "v-date-picker/flat": {
3359 "type": "boolean",
3360 "description": "Removes elevation"
3361 },
3362 "v-date-picker/full-width": {
3363 "type": "boolean",
3364 "description": "Forces 100% width"
3365 },
3366 "v-date-picker/header-color": {
3367 "type": "string",
3368 "description": "Defines the header color. If not specified it will use the color defined by <code>color</code> prop or the default picker color"
3369 },
3370 "v-date-picker/header-date-format": {
3371 "type": "function",
3372 "description": "Allows you to customize the format of the month string that appears in the header of the calendar. Called with date (ISO 8601 **date** string) arguments."
3373 },
3374 "v-date-picker/landscape": {
3375 "type": "boolean",
3376 "description": "Orients picker horizontal"
3377 },
3378 "v-date-picker/light": {
3379 "type": "boolean",
3380 "description": "Applies the light theme variant to the component."
3381 },
3382 "v-date-picker/locale": {
3383 "type": "string",
3384 "description": "Sets the locale. Accepts a string with a BCP 47 language tag."
3385 },
3386 "v-date-picker/locale-first-day-of-year": {
3387 "type": "string|number",
3388 "description": "Sets the day that determines the first week of the year, starting with 0 for **Sunday**. For ISO 8601 this should be 4."
3389 },
3390 "v-date-picker/max": {
3391 "type": "string",
3392 "description": "Maximum allowed date/month (ISO 8601 format)"
3393 },
3394 "v-date-picker/min": {
3395 "type": "string",
3396 "description": "Minimum allowed date/month (ISO 8601 format)"
3397 },
3398 "v-date-picker/month-format": {
3399 "type": "function",
3400 "description": "Formatting function used for displaying months in the months table. Called with date (ISO 8601 **date** string) arguments."
3401 },
3402 "v-date-picker/multiple": {
3403 "type": "boolean",
3404 "description": "Allow the selection of multiple dates"
3405 },
3406 "v-date-picker/next-icon": {
3407 "type": "string",
3408 "description": "Sets the icon for next month/year button"
3409 },
3410 "v-date-picker/next-month-aria-label": {
3411 "type": "string",
3412 "description": ""
3413 },
3414 "v-date-picker/next-year-aria-label": {
3415 "type": "string",
3416 "description": ""
3417 },
3418 "v-date-picker/no-title": {
3419 "type": "boolean",
3420 "description": "Hide the picker title"
3421 },
3422 "v-date-picker/picker-date": {
3423 "type": "string",
3424 "description": "Displayed year/month"
3425 },
3426 "v-date-picker/prev-icon": {
3427 "type": "string",
3428 "description": "Sets the icon for previous month/year button"
3429 },
3430 "v-date-picker/prev-month-aria-label": {
3431 "type": "string",
3432 "description": ""
3433 },
3434 "v-date-picker/prev-year-aria-label": {
3435 "type": "string",
3436 "description": ""
3437 },
3438 "v-date-picker/range": {
3439 "type": "boolean",
3440 "description": "Allow the selection of date range"
3441 },
3442 "v-date-picker/reactive": {
3443 "type": "boolean",
3444 "description": "Updates the picker model when changing months/years automatically"
3445 },
3446 "v-date-picker/readonly": {
3447 "type": "boolean",
3448 "description": "Makes the picker readonly (doesn't allow to select new date)"
3449 },
3450 "v-date-picker/scrollable": {
3451 "type": "boolean",
3452 "description": "Allows changing displayed month with mouse scroll"
3453 },
3454 "v-date-picker/selected-items-text": {
3455 "type": "string",
3456 "description": "Text used for translating the number of selected dates when using *multiple* prop. Can also be customizing globally in [Internationalization](/customization/internationalization)."
3457 },
3458 "v-date-picker/show-adjacent-months": {
3459 "type": "boolean",
3460 "description": "Toggles visibility of days from previous and next months"
3461 },
3462 "v-date-picker/show-current": {
3463 "type": "boolean|string",
3464 "description": "Toggles visibility of the current date/month outline or shows the provided date/month as a current"
3465 },
3466 "v-date-picker/show-week": {
3467 "type": "boolean",
3468 "description": "Toggles visibility of the week numbers in the body of the calendar"
3469 },
3470 "v-date-picker/title-date-format": {
3471 "type": "function",
3472 "description": "Allows you to customize the format of the date string that appears in the title of the date picker. Called with date (ISO 8601 **date** string) arguments."
3473 },
3474 "v-date-picker/type": {
3475 "type": "string",
3476 "description": "Determines the type of the picker - `date` for date picker, `month` for month picker"
3477 },
3478 "v-date-picker/value": {
3479 "type": "array|string",
3480 "description": "Date picker model (ISO 8601 format, YYYY-mm-dd or YYYY-mm)"
3481 },
3482 "v-date-picker/weekday-format": {
3483 "type": "function",
3484 "description": "Allows you to customize the format of the weekday string that appears in the body of the calendar. Called with date (ISO 8601 **date** string) arguments."
3485 },
3486 "v-date-picker/width": {
3487 "type": "number|string",
3488 "description": "Width of the picker"
3489 },
3490 "v-date-picker/year-format": {
3491 "type": "function",
3492 "description": "Allows you to customize the format of the year string that appears in the header of the calendar. Called with date (ISO 8601 **date** string) arguments."
3493 },
3494 "v-date-picker/year-icon": {
3495 "type": "string",
3496 "description": "Sets the icon in the year selection button"
3497 },
3498 "v-dialog/activator": {
3499 "type": "any",
3500 "description": "Designate a custom activator when the `activator` slot is not used. String can be any valid querySelector and Object can be any valid Node."
3501 },
3502 "v-dialog/attach": {
3503 "type": "any",
3504 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
3505 },
3506 "v-dialog/close-delay": {
3507 "type": "number|string",
3508 "description": "Milliseconds to wait before closing component."
3509 },
3510 "v-dialog/content-class": {
3511 "type": "string",
3512 "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component."
3513 },
3514 "v-dialog/dark": {
3515 "type": "boolean",
3516 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3517 },
3518 "v-dialog/disabled": {
3519 "type": "boolean",
3520 "description": "Disables the ability to open the component."
3521 },
3522 "v-dialog/eager": {
3523 "type": "boolean",
3524 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
3525 },
3526 "v-dialog/fullscreen": {
3527 "type": "boolean",
3528 "description": "Changes layout for fullscreen display."
3529 },
3530 "v-dialog/hide-overlay": {
3531 "type": "boolean",
3532 "description": "Hides the display of the overlay."
3533 },
3534 "v-dialog/internal-activator": {
3535 "type": "boolean",
3536 "description": "Detaches the menu content inside of the component as opposed to the document."
3537 },
3538 "v-dialog/light": {
3539 "type": "boolean",
3540 "description": "Applies the light theme variant to the component."
3541 },
3542 "v-dialog/max-width": {
3543 "type": "string|number",
3544 "description": "Sets the maximum width for the component."
3545 },
3546 "v-dialog/no-click-animation": {
3547 "type": "boolean",
3548 "description": "Disables the bounce effect when clicking outside of a `v-dialog`'s content when using the **persistent** prop."
3549 },
3550 "v-dialog/open-delay": {
3551 "type": "number|string",
3552 "description": "Milliseconds to wait before opening component."
3553 },
3554 "v-dialog/open-on-focus": {
3555 "type": "boolean",
3556 "description": ""
3557 },
3558 "v-dialog/open-on-hover": {
3559 "type": "boolean",
3560 "description": "Designates whether component should activate when its activator is hovered."
3561 },
3562 "v-dialog/origin": {
3563 "type": "string",
3564 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
3565 },
3566 "v-dialog/overlay-color": {
3567 "type": "string",
3568 "description": "Sets the overlay color."
3569 },
3570 "v-dialog/overlay-opacity": {
3571 "type": "number|string",
3572 "description": "Sets the overlay opacity."
3573 },
3574 "v-dialog/persistent": {
3575 "type": "boolean",
3576 "description": "Clicking outside of the element or pressing **esc** key will not deactivate it."
3577 },
3578 "v-dialog/retain-focus": {
3579 "type": "boolean",
3580 "description": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard."
3581 },
3582 "v-dialog/return-value": {
3583 "type": "any",
3584 "description": ""
3585 },
3586 "v-dialog/scrollable": {
3587 "type": "boolean",
3588 "description": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollable example](/components/dialogs#scrollable)."
3589 },
3590 "v-dialog/transition": {
3591 "type": "string|boolean",
3592 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
3593 },
3594 "v-dialog/value": {
3595 "type": "any",
3596 "description": "Controls whether the component is visible or hidden."
3597 },
3598 "v-dialog/width": {
3599 "type": "string|number",
3600 "description": "Sets the width for the component."
3601 },
3602 "v-divider/dark": {
3603 "type": "boolean",
3604 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3605 },
3606 "v-divider/inset": {
3607 "type": "boolean",
3608 "description": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**."
3609 },
3610 "v-divider/light": {
3611 "type": "boolean",
3612 "description": "Applies the light theme variant to the component."
3613 },
3614 "v-divider/vertical": {
3615 "type": "boolean",
3616 "description": "Displays dividers vertically"
3617 },
3618 "v-expansion-panels/accordion": {
3619 "type": "boolean",
3620 "description": "Removes the margin around open panels"
3621 },
3622 "v-expansion-panels/active-class": {
3623 "type": "string",
3624 "description": "The **active-class** applied to children when they are activated."
3625 },
3626 "v-expansion-panels/dark": {
3627 "type": "boolean",
3628 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3629 },
3630 "v-expansion-panels/disabled": {
3631 "type": "boolean",
3632 "description": "Disables the entire expansion-panel"
3633 },
3634 "v-expansion-panels/flat": {
3635 "type": "boolean",
3636 "description": "Removes the expansion-panel's elevation and borders"
3637 },
3638 "v-expansion-panels/focusable": {
3639 "type": "boolean",
3640 "description": "Makes the expansion-panel headers focusable"
3641 },
3642 "v-expansion-panels/hover": {
3643 "type": "boolean",
3644 "description": "Applies a background-color shift on hover to expansion panel headers"
3645 },
3646 "v-expansion-panels/inset": {
3647 "type": "boolean",
3648 "description": "Makes the expansion-panel open with a inset style"
3649 },
3650 "v-expansion-panels/light": {
3651 "type": "boolean",
3652 "description": "Applies the light theme variant to the component."
3653 },
3654 "v-expansion-panels/mandatory": {
3655 "type": "boolean",
3656 "description": "Forces a value to always be selected (if available)."
3657 },
3658 "v-expansion-panels/max": {
3659 "type": "number|string",
3660 "description": "Sets a maximum number of selections that can be made."
3661 },
3662 "v-expansion-panels/multiple": {
3663 "type": "boolean",
3664 "description": "Allow multiple selections. The **value** prop must be an _array_."
3665 },
3666 "v-expansion-panels/popout": {
3667 "type": "boolean",
3668 "description": "Makes the expansion-panel open with an popout style"
3669 },
3670 "v-expansion-panels/readonly": {
3671 "type": "boolean",
3672 "description": "Makes the entire expansion-panel read only."
3673 },
3674 "v-expansion-panels/tag": {
3675 "type": "string",
3676 "description": "Specify a custom tag used on the root element."
3677 },
3678 "v-expansion-panels/tile": {
3679 "type": "boolean",
3680 "description": "Removes the border-radius"
3681 },
3682 "v-expansion-panels/value": {
3683 "type": "any",
3684 "description": "Controls the opened/closed state of content in the expansion-panel. Corresponds to a zero-based index of the currently opened content. If the `multiple` prop (previously `expand` in 1.5.x) is used then it is an array of numbers where each entry corresponds to the index of the opened content. The index order is not relevant."
3685 },
3686 "v-expansion-panel/active-class": {
3687 "type": "string",
3688 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
3689 },
3690 "v-expansion-panel/disabled": {
3691 "type": "boolean",
3692 "description": "Disables the expansion-panel content"
3693 },
3694 "v-expansion-panel/readonly": {
3695 "type": "boolean",
3696 "description": "Makes the expansion-panel content read only."
3697 },
3698 "v-expansion-panel-header/color": {
3699 "type": "string",
3700 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
3701 },
3702 "v-expansion-panel-header/disable-icon-rotate": {
3703 "type": "boolean",
3704 "description": "Removes the icon rotation animation when expanding a panel"
3705 },
3706 "v-expansion-panel-header/expand-icon": {
3707 "type": "string",
3708 "description": "Set the expand action icon"
3709 },
3710 "v-expansion-panel-header/hide-actions": {
3711 "type": "boolean",
3712 "description": "Hide the expand icon in the content header"
3713 },
3714 "v-expansion-panel-header/ripple": {
3715 "type": "boolean|object",
3716 "description": "Applies the [v-ripple](/directives/ripple) directive."
3717 },
3718 "v-expansion-panel-content/color": {
3719 "type": "string",
3720 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
3721 },
3722 "v-expansion-panel-content/eager": {
3723 "type": "boolean",
3724 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
3725 },
3726 "v-file-input/append-icon": {
3727 "type": "string",
3728 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
3729 },
3730 "v-file-input/append-outer-icon": {
3731 "type": "string",
3732 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
3733 },
3734 "v-file-input/autofocus": {
3735 "type": "boolean",
3736 "description": "Enables autofocus"
3737 },
3738 "v-file-input/background-color": {
3739 "type": "string",
3740 "description": "Changes the background-color of the input"
3741 },
3742 "v-file-input/chips": {
3743 "type": "boolean",
3744 "description": "Changes display of selections to chips"
3745 },
3746 "v-file-input/clear-icon": {
3747 "type": "string",
3748 "description": "Applied when using **clearable** and the input is dirty"
3749 },
3750 "v-file-input/clearable": {
3751 "type": "boolean",
3752 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
3753 },
3754 "v-file-input/color": {
3755 "type": "string",
3756 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
3757 },
3758 "v-file-input/counter": {
3759 "type": "boolean|number|string",
3760 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
3761 },
3762 "v-file-input/counter-size-string": {
3763 "type": "string",
3764 "description": "The text displayed when using the **counter** and **show-size** props. Can also be customized globally on the [internationalization page](/customization/internationalization)."
3765 },
3766 "v-file-input/counter-string": {
3767 "type": "string",
3768 "description": "The text displayed when using the **counter** prop. Can also be customized globally on the [internationalization page](/customization/internationalization)."
3769 },
3770 "v-file-input/counter-value": {
3771 "type": "function",
3772 "description": ""
3773 },
3774 "v-file-input/dark": {
3775 "type": "boolean",
3776 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3777 },
3778 "v-file-input/dense": {
3779 "type": "boolean",
3780 "description": "Reduces the input height"
3781 },
3782 "v-file-input/disabled": {
3783 "type": "boolean",
3784 "description": "Disable the input"
3785 },
3786 "v-file-input/error": {
3787 "type": "boolean",
3788 "description": "Puts the input in a manual error state"
3789 },
3790 "v-file-input/error-count": {
3791 "type": "number|string",
3792 "description": "The total number of errors that should display at once"
3793 },
3794 "v-file-input/error-messages": {
3795 "type": "string|array",
3796 "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"
3797 },
3798 "v-file-input/filled": {
3799 "type": "boolean",
3800 "description": "Applies the alternate filled input style"
3801 },
3802 "v-file-input/flat": {
3803 "type": "boolean",
3804 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
3805 },
3806 "v-file-input/full-width": {
3807 "type": "boolean",
3808 "description": "Designates input type as full-width"
3809 },
3810 "v-file-input/height": {
3811 "type": "number|string",
3812 "description": "Sets the height of the input"
3813 },
3814 "v-file-input/hide-details": {
3815 "type": "boolean|string",
3816 "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"
3817 },
3818 "v-file-input/hide-input": {
3819 "type": "boolean",
3820 "description": "Display the icon only without the input (file names)"
3821 },
3822 "v-file-input/hint": {
3823 "type": "string",
3824 "description": "Hint text"
3825 },
3826 "v-file-input/id": {
3827 "type": "string",
3828 "description": "Sets the DOM id on the component"
3829 },
3830 "v-file-input/label": {
3831 "type": "string",
3832 "description": "Sets input label"
3833 },
3834 "v-file-input/light": {
3835 "type": "boolean",
3836 "description": "Applies the light theme variant to the component."
3837 },
3838 "v-file-input/loader-height": {
3839 "type": "number|string",
3840 "description": "Specifies the height of the loader"
3841 },
3842 "v-file-input/loading": {
3843 "type": "boolean|string",
3844 "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"
3845 },
3846 "v-file-input/messages": {
3847 "type": "string|array",
3848 "description": "Displays a list of messages or message if using a string"
3849 },
3850 "v-file-input/multiple": {
3851 "type": "boolean",
3852 "description": "Adds the **multiple** attribute to the input, allowing multiple file selections."
3853 },
3854 "v-file-input/outlined": {
3855 "type": "boolean",
3856 "description": "Applies the outlined style to the input"
3857 },
3858 "v-file-input/persistent-hint": {
3859 "type": "boolean",
3860 "description": "Forces hint to always be visible"
3861 },
3862 "v-file-input/persistent-placeholder": {
3863 "type": "boolean",
3864 "description": "Forces placeholder to always be visible"
3865 },
3866 "v-file-input/placeholder": {
3867 "type": "string",
3868 "description": "Sets the input's placeholder text"
3869 },
3870 "v-file-input/prefix": {
3871 "type": "string",
3872 "description": "Displays prefix text"
3873 },
3874 "v-file-input/prepend-icon": {
3875 "type": "string",
3876 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
3877 },
3878 "v-file-input/prepend-inner-icon": {
3879 "type": "string",
3880 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
3881 },
3882 "v-file-input/reverse": {
3883 "type": "boolean",
3884 "description": "Reverses the input orientation"
3885 },
3886 "v-file-input/rounded": {
3887 "type": "boolean",
3888 "description": "Adds a border radius to the input"
3889 },
3890 "v-file-input/rules": {
3891 "type": "array",
3892 "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`"
3893 },
3894 "v-file-input/shaped": {
3895 "type": "boolean",
3896 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
3897 },
3898 "v-file-input/show-size": {
3899 "type": "boolean|number",
3900 "description": "Sets the displayed size of selected file(s). When using **true** will default to _1000_ displaying (**kB, MB, GB**) while _1024_ will display (**KiB, MiB, GiB**)."
3901 },
3902 "v-file-input/single-line": {
3903 "type": "boolean",
3904 "description": "Label does not move on focus/dirty"
3905 },
3906 "v-file-input/small-chips": {
3907 "type": "boolean",
3908 "description": "Changes display of selections to chips with the **small** property"
3909 },
3910 "v-file-input/solo": {
3911 "type": "boolean",
3912 "description": "Changes the style of the input"
3913 },
3914 "v-file-input/solo-inverted": {
3915 "type": "boolean",
3916 "description": "Reduces element opacity until focused"
3917 },
3918 "v-file-input/success": {
3919 "type": "boolean",
3920 "description": "Puts the input in a manual success state"
3921 },
3922 "v-file-input/success-messages": {
3923 "type": "string|array",
3924 "description": "Puts the input in a success state and passes through custom success messages."
3925 },
3926 "v-file-input/suffix": {
3927 "type": "string",
3928 "description": "Displays suffix text"
3929 },
3930 "v-file-input/truncate-length": {
3931 "type": "number|string",
3932 "description": "The length of a filename before it is truncated with ellipsis"
3933 },
3934 "v-file-input/type": {
3935 "type": "string",
3936 "description": "Sets input type"
3937 },
3938 "v-file-input/validate-on-blur": {
3939 "type": "boolean",
3940 "description": "Delays validation until blur event"
3941 },
3942 "v-file-input/value": {
3943 "type": "any",
3944 "description": "A single or array of [File objects](https://developer.mozilla.org/en-US/docs/Web/API/File)."
3945 },
3946 "v-footer/absolute": {
3947 "type": "boolean",
3948 "description": "Applies **position: absolute** to the component."
3949 },
3950 "v-footer/app": {
3951 "type": "boolean",
3952 "description": "Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside **outside** of `v-main` component to function properly. You can find more information about layouts on the [application page](/components/application). **Note:** this prop automatically applies **position: fixed** to the layout element. You can overwrite this functionality by using the `absolute` prop"
3953 },
3954 "v-footer/color": {
3955 "type": "string",
3956 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
3957 },
3958 "v-footer/dark": {
3959 "type": "boolean",
3960 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
3961 },
3962 "v-footer/elevation": {
3963 "type": "number|string",
3964 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
3965 },
3966 "v-footer/fixed": {
3967 "type": "boolean",
3968 "description": "Applies **position: fixed** to the component."
3969 },
3970 "v-footer/height": {
3971 "type": "number|string",
3972 "description": "Sets the height for the component."
3973 },
3974 "v-footer/inset": {
3975 "type": "boolean",
3976 "description": "Positions the toolbar offset from an application `v-navigation-drawer`"
3977 },
3978 "v-footer/light": {
3979 "type": "boolean",
3980 "description": "Applies the light theme variant to the component."
3981 },
3982 "v-footer/max-height": {
3983 "type": "number|string",
3984 "description": "Sets the maximum height for the component."
3985 },
3986 "v-footer/max-width": {
3987 "type": "number|string",
3988 "description": "Sets the maximum width for the component."
3989 },
3990 "v-footer/min-height": {
3991 "type": "number|string",
3992 "description": "Sets the minimum height for the component."
3993 },
3994 "v-footer/min-width": {
3995 "type": "number|string",
3996 "description": "Sets the minimum width for the component."
3997 },
3998 "v-footer/outlined": {
3999 "type": "boolean",
4000 "description": "Removes elevation (box-shadow) and adds a *thin* border."
4001 },
4002 "v-footer/padless": {
4003 "type": "boolean",
4004 "description": "Remove all padding from the footer"
4005 },
4006 "v-footer/rounded": {
4007 "type": "boolean|string",
4008 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
4009 },
4010 "v-footer/shaped": {
4011 "type": "boolean",
4012 "description": "Applies a large border radius on the top left and bottom right of the card."
4013 },
4014 "v-footer/tag": {
4015 "type": "string",
4016 "description": "Specify a custom tag used on the root element."
4017 },
4018 "v-footer/tile": {
4019 "type": "boolean",
4020 "description": "Removes the component's **border-radius**."
4021 },
4022 "v-footer/width": {
4023 "type": "number|string",
4024 "description": "Sets the width for the component."
4025 },
4026 "v-form/disabled": {
4027 "type": "boolean",
4028 "description": "Puts all children inputs into a disabled state."
4029 },
4030 "v-form/lazy-validation": {
4031 "type": "boolean",
4032 "description": "If enabled, **value** will always be _true_ unless there are visible validation errors. You can still call `validate()` to manually trigger validation"
4033 },
4034 "v-form/readonly": {
4035 "type": "boolean",
4036 "description": "Puts all children inputs into a readonly state."
4037 },
4038 "v-form/value": {
4039 "type": "boolean",
4040 "description": "A boolean value representing the validity of the form."
4041 },
4042 "v-container/fluid": {
4043 "type": "boolean",
4044 "description": "Removes viewport maximum-width size breakpoints"
4045 },
4046 "v-container/id": {
4047 "type": "string",
4048 "description": "Sets the DOM id on the component"
4049 },
4050 "v-container/tag": {
4051 "type": "string",
4052 "description": "Specify a custom tag used on the root element."
4053 },
4054 "v-col/align-self": {
4055 "type": "string",
4056 "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are **start**, **center**, **end**, **auto**, **baseline** and **stretch**."
4057 },
4058 "v-col/cols": {
4059 "type": "boolean|string|number",
4060 "description": "Sets the default number of columns the component extends. Available options are **1 -> 12** and **auto**."
4061 },
4062 "v-col/lg": {
4063 "type": "boolean|string|number",
4064 "description": "Changes the number of columns on large and greater breakpoints."
4065 },
4066 "v-col/md": {
4067 "type": "boolean|string|number",
4068 "description": "Changes the number of columns on medium and greater breakpoints."
4069 },
4070 "v-col/offset": {
4071 "type": "string|number",
4072 "description": "Sets the default offset for the column."
4073 },
4074 "v-col/offset-lg": {
4075 "type": "string|number",
4076 "description": "Changes the offset of the component on large and greater breakpoints."
4077 },
4078 "v-col/offset-md": {
4079 "type": "string|number",
4080 "description": "Changes the offset of the component on medium and greater breakpoints."
4081 },
4082 "v-col/offset-sm": {
4083 "type": "string|number",
4084 "description": "Changes the offset of the component on small and greater breakpoints."
4085 },
4086 "v-col/offset-xl": {
4087 "type": "string|number",
4088 "description": "Changes the offset of the component on extra large and greater breakpoints."
4089 },
4090 "v-col/order": {
4091 "type": "string|number",
4092 "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column."
4093 },
4094 "v-col/order-lg": {
4095 "type": "string|number",
4096 "description": "Changes the order of the component on large and greater breakpoints."
4097 },
4098 "v-col/order-md": {
4099 "type": "string|number",
4100 "description": "Changes the order of the component on medium and greater breakpoints."
4101 },
4102 "v-col/order-sm": {
4103 "type": "string|number",
4104 "description": "Changes the order of the component on small and greater breakpoints."
4105 },
4106 "v-col/order-xl": {
4107 "type": "string|number",
4108 "description": "Changes the order of the component on extra large and greater breakpoints."
4109 },
4110 "v-col/sm": {
4111 "type": "boolean|string|number",
4112 "description": "Changes the number of columns on small and greater breakpoints."
4113 },
4114 "v-col/tag": {
4115 "type": "string",
4116 "description": "Specify a custom tag used on the root element."
4117 },
4118 "v-col/xl": {
4119 "type": "boolean|string|number",
4120 "description": "Changes the number of columns on extra large and greater breakpoints."
4121 },
4122 "v-row/align": {
4123 "type": "string",
4124 "description": "Applies the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) css property. Available options are **start**, **center**, **end**, **baseline** and **stretch**."
4125 },
4126 "v-row/align-content": {
4127 "type": "string",
4128 "description": "Applies the [align-content](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) css property. Available options are **start**, **center**, **end**, **space-between**, **space-around** and **stretch**."
4129 },
4130 "v-row/align-content-lg": {
4131 "type": "string",
4132 "description": "Changes the **align-content** property on large and greater breakpoints."
4133 },
4134 "v-row/align-content-md": {
4135 "type": "string",
4136 "description": "Changes the **align-content** property on medium and greater breakpoints."
4137 },
4138 "v-row/align-content-sm": {
4139 "type": "string",
4140 "description": "Changes the **align-content** property on small and greater breakpoints."
4141 },
4142 "v-row/align-content-xl": {
4143 "type": "string",
4144 "description": "Changes the **align-content** property on extra large and greater breakpoints."
4145 },
4146 "v-row/align-lg": {
4147 "type": "string",
4148 "description": "Changes the **align-items** property on large and greater breakpoints."
4149 },
4150 "v-row/align-md": {
4151 "type": "string",
4152 "description": "Changes the **align-items** property on medium and greater breakpoints."
4153 },
4154 "v-row/align-sm": {
4155 "type": "string",
4156 "description": "Changes the **align-items** property on small and greater breakpoints."
4157 },
4158 "v-row/align-xl": {
4159 "type": "string",
4160 "description": "Changes the **align-items** property on extra large and greater breakpoints."
4161 },
4162 "v-row/dense": {
4163 "type": "boolean",
4164 "description": "Reduces the gutter between `v-col`s."
4165 },
4166 "v-row/justify": {
4167 "type": "string",
4168 "description": "Applies the [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) css property. Available options are **start**, **center**, **end**, **space-between** and **space-around**."
4169 },
4170 "v-row/justify-lg": {
4171 "type": "string",
4172 "description": "Changes the **justify-content** property on large and greater breakpoints."
4173 },
4174 "v-row/justify-md": {
4175 "type": "string",
4176 "description": "Changes the **justify-content** property on medium and greater breakpoints."
4177 },
4178 "v-row/justify-sm": {
4179 "type": "string",
4180 "description": "Changes the **justify-content** property on small and greater breakpoints."
4181 },
4182 "v-row/justify-xl": {
4183 "type": "string",
4184 "description": "Changes the **justify-content** property on extra large and greater breakpoints."
4185 },
4186 "v-row/no-gutters": {
4187 "type": "boolean",
4188 "description": "Removes the gutter between `v-col`s."
4189 },
4190 "v-row/tag": {
4191 "type": "string",
4192 "description": "Specify a custom tag used on the root element."
4193 },
4194 "v-layout/align-baseline": {
4195 "type": "boolean",
4196 "description": ""
4197 },
4198 "v-layout/align-center": {
4199 "type": "boolean",
4200 "description": ""
4201 },
4202 "v-layout/align-content-center": {
4203 "type": "boolean",
4204 "description": ""
4205 },
4206 "v-layout/align-content-end": {
4207 "type": "boolean",
4208 "description": ""
4209 },
4210 "v-layout/align-content-space-around": {
4211 "type": "boolean",
4212 "description": ""
4213 },
4214 "v-layout/align-content-space-between": {
4215 "type": "boolean",
4216 "description": ""
4217 },
4218 "v-layout/align-content-start": {
4219 "type": "boolean",
4220 "description": ""
4221 },
4222 "v-layout/align-end": {
4223 "type": "boolean",
4224 "description": ""
4225 },
4226 "v-layout/align-start": {
4227 "type": "boolean",
4228 "description": ""
4229 },
4230 "v-layout/column": {
4231 "type": "boolean",
4232 "description": ""
4233 },
4234 "v-layout/d-{type}": {
4235 "type": "boolean",
4236 "description": ""
4237 },
4238 "v-layout/fill-height": {
4239 "type": "boolean",
4240 "description": ""
4241 },
4242 "v-layout/id": {
4243 "type": "string",
4244 "description": "Sets the DOM id on the component"
4245 },
4246 "v-layout/justify-center": {
4247 "type": "boolean",
4248 "description": ""
4249 },
4250 "v-layout/justify-end": {
4251 "type": "boolean",
4252 "description": ""
4253 },
4254 "v-layout/justify-space-around": {
4255 "type": "boolean",
4256 "description": ""
4257 },
4258 "v-layout/justify-space-between": {
4259 "type": "boolean",
4260 "description": ""
4261 },
4262 "v-layout/justify-start": {
4263 "type": "boolean",
4264 "description": ""
4265 },
4266 "v-layout/reverse": {
4267 "type": "boolean",
4268 "description": ""
4269 },
4270 "v-layout/row": {
4271 "type": "boolean",
4272 "description": ""
4273 },
4274 "v-layout/tag": {
4275 "type": "string",
4276 "description": "Specify a custom tag used on the root element."
4277 },
4278 "v-layout/wrap": {
4279 "type": "boolean",
4280 "description": ""
4281 },
4282 "v-flex/(size)(1-12)": {
4283 "type": "boolean",
4284 "description": ""
4285 },
4286 "v-flex/align-self-baseline": {
4287 "type": "boolean",
4288 "description": ""
4289 },
4290 "v-flex/align-self-center": {
4291 "type": "boolean",
4292 "description": ""
4293 },
4294 "v-flex/align-self-end": {
4295 "type": "boolean",
4296 "description": ""
4297 },
4298 "v-flex/align-self-start": {
4299 "type": "boolean",
4300 "description": ""
4301 },
4302 "v-flex/grow": {
4303 "type": "boolean",
4304 "description": ""
4305 },
4306 "v-flex/id": {
4307 "type": "string",
4308 "description": "Sets the DOM id on the component"
4309 },
4310 "v-flex/offset-(size)(0-12)": {
4311 "type": "boolean",
4312 "description": ""
4313 },
4314 "v-flex/order-(size)(1-12)": {
4315 "type": "boolean",
4316 "description": ""
4317 },
4318 "v-flex/shrink": {
4319 "type": "boolean",
4320 "description": ""
4321 },
4322 "v-flex/tag": {
4323 "type": "string",
4324 "description": "Specify a custom tag used on the root element."
4325 },
4326 "v-hover/close-delay": {
4327 "type": "number|string",
4328 "description": "Milliseconds to wait before closing component."
4329 },
4330 "v-hover/disabled": {
4331 "type": "boolean",
4332 "description": "Turns off hover functionality"
4333 },
4334 "v-hover/open-delay": {
4335 "type": "number|string",
4336 "description": "Milliseconds to wait before opening component."
4337 },
4338 "v-hover/value": {
4339 "type": "boolean",
4340 "description": "Controls whether the component is visible or hidden."
4341 },
4342 "v-icon/color": {
4343 "type": "string",
4344 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4345 },
4346 "v-icon/dark": {
4347 "type": "boolean",
4348 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4349 },
4350 "v-icon/dense": {
4351 "type": "boolean",
4352 "description": "Makes icon smaller (20px)"
4353 },
4354 "v-icon/disabled": {
4355 "type": "boolean",
4356 "description": "Disable the input"
4357 },
4358 "v-icon/large": {
4359 "type": "boolean",
4360 "description": "Makes the component large."
4361 },
4362 "v-icon/left": {
4363 "type": "boolean",
4364 "description": "Applies appropriate margins to the icon inside of a button when placed to the **left** of another element or text"
4365 },
4366 "v-icon/light": {
4367 "type": "boolean",
4368 "description": "Applies the light theme variant to the component."
4369 },
4370 "v-icon/right": {
4371 "type": "boolean",
4372 "description": "Applies appropriate margins to the icon inside of a button when placed to the **right** of another element or text"
4373 },
4374 "v-icon/size": {
4375 "type": "number|string",
4376 "description": "Specifies a custom font size for the icon"
4377 },
4378 "v-icon/small": {
4379 "type": "boolean",
4380 "description": "Makes the component small."
4381 },
4382 "v-icon/tag": {
4383 "type": "string",
4384 "description": "Specifies a custom tag to be used"
4385 },
4386 "v-icon/x-large": {
4387 "type": "boolean",
4388 "description": "Makes the component extra large."
4389 },
4390 "v-icon/x-small": {
4391 "type": "boolean",
4392 "description": "Makes the component extra small."
4393 },
4394 "v-img/alt": {
4395 "type": "string",
4396 "description": "Alternate text for screen readers. Leave empty for decorative images"
4397 },
4398 "v-img/aspect-ratio": {
4399 "type": "string|number",
4400 "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted"
4401 },
4402 "v-img/contain": {
4403 "type": "boolean",
4404 "description": "Prevents the image from being cropped if it doesn't fit"
4405 },
4406 "v-img/content-class": {
4407 "type": "string",
4408 "description": "Apply a custom class to the responsive content div."
4409 },
4410 "v-img/dark": {
4411 "type": "boolean",
4412 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4413 },
4414 "v-img/eager": {
4415 "type": "boolean",
4416 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
4417 },
4418 "v-img/gradient": {
4419 "type": "string",
4420 "description": "Overlays a gradient onto the image. Only supports [linear-gradient](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient) syntax, anything else should be done with classes (see examples)"
4421 },
4422 "v-img/height": {
4423 "type": "number|string",
4424 "description": "Sets the height for the component."
4425 },
4426 "v-img/lazy-src": {
4427 "type": "string",
4428 "description": "Something to show while waiting for the main image to load, typically a small base64-encoded thumbnail. Has a slight blur filter applied.\n\nUse [vuetify-loader](https://github.com/vuetifyjs/vuetify-loader) to generate automatically"
4429 },
4430 "v-img/light": {
4431 "type": "boolean",
4432 "description": "Applies the light theme variant to the component."
4433 },
4434 "v-img/max-height": {
4435 "type": "number|string",
4436 "description": "Sets the maximum height for the component."
4437 },
4438 "v-img/max-width": {
4439 "type": "number|string",
4440 "description": "Sets the maximum width for the component."
4441 },
4442 "v-img/min-height": {
4443 "type": "number|string",
4444 "description": "Sets the minimum height for the component."
4445 },
4446 "v-img/min-width": {
4447 "type": "number|string",
4448 "description": "Sets the minimum width for the component."
4449 },
4450 "v-img/options": {
4451 "type": "object",
4452 "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
4453 },
4454 "v-img/position": {
4455 "type": "string",
4456 "description": "Overrides the default to change which parts get cropped off. Uses the same syntax as [`background-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)"
4457 },
4458 "v-img/sizes": {
4459 "type": "string",
4460 "description": "For use with `srcset`, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes)"
4461 },
4462 "v-img/src": {
4463 "type": "string|object",
4464 "description": "The image URL. This prop is mandatory"
4465 },
4466 "v-img/srcset": {
4467 "type": "string",
4468 "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)"
4469 },
4470 "v-img/transition": {
4471 "type": "boolean|string",
4472 "description": "The transition to use when switching from `lazy-src` to `src`"
4473 },
4474 "v-img/width": {
4475 "type": "number|string",
4476 "description": "Sets the width for the component."
4477 },
4478 "v-input/append-icon": {
4479 "type": "string",
4480 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
4481 },
4482 "v-input/background-color": {
4483 "type": "string",
4484 "description": "Changes the background-color of the input"
4485 },
4486 "v-input/color": {
4487 "type": "string",
4488 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4489 },
4490 "v-input/dark": {
4491 "type": "boolean",
4492 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4493 },
4494 "v-input/dense": {
4495 "type": "boolean",
4496 "description": "Reduces the input height"
4497 },
4498 "v-input/disabled": {
4499 "type": "boolean",
4500 "description": "Disable the input"
4501 },
4502 "v-input/error": {
4503 "type": "boolean",
4504 "description": "Puts the input in a manual error state"
4505 },
4506 "v-input/error-count": {
4507 "type": "number|string",
4508 "description": "The total number of errors that should display at once"
4509 },
4510 "v-input/error-messages": {
4511 "type": "string|array",
4512 "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"
4513 },
4514 "v-input/height": {
4515 "type": "number|string",
4516 "description": "Sets the height of the input"
4517 },
4518 "v-input/hide-details": {
4519 "type": "boolean|string",
4520 "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"
4521 },
4522 "v-input/hint": {
4523 "type": "string",
4524 "description": "Hint text"
4525 },
4526 "v-input/id": {
4527 "type": "string",
4528 "description": "Sets the DOM id on the component"
4529 },
4530 "v-input/label": {
4531 "type": "string",
4532 "description": "Sets input label"
4533 },
4534 "v-input/light": {
4535 "type": "boolean",
4536 "description": "Applies the light theme variant to the component."
4537 },
4538 "v-input/loading": {
4539 "type": "boolean",
4540 "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"
4541 },
4542 "v-input/messages": {
4543 "type": "string|array",
4544 "description": "Displays a list of messages or message if using a string"
4545 },
4546 "v-input/persistent-hint": {
4547 "type": "boolean",
4548 "description": "Forces hint to always be visible"
4549 },
4550 "v-input/prepend-icon": {
4551 "type": "string",
4552 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
4553 },
4554 "v-input/readonly": {
4555 "type": "boolean",
4556 "description": "Puts input in readonly state"
4557 },
4558 "v-input/rules": {
4559 "type": "array",
4560 "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`"
4561 },
4562 "v-input/success": {
4563 "type": "boolean",
4564 "description": "Puts the input in a manual success state"
4565 },
4566 "v-input/success-messages": {
4567 "type": "string|array",
4568 "description": "Puts the input in a success state and passes through custom success messages."
4569 },
4570 "v-input/validate-on-blur": {
4571 "type": "boolean",
4572 "description": "Delays validation until blur event"
4573 },
4574 "v-input/value": {
4575 "type": "any",
4576 "description": "The input's value"
4577 },
4578 "v-item/active-class": {
4579 "type": "string",
4580 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
4581 },
4582 "v-item/disabled": {
4583 "type": "boolean",
4584 "description": "Removes the ability to click or target the component."
4585 },
4586 "v-item/value": {
4587 "type": "any",
4588 "description": "The value used when the component is selected in a group. If not provided, the index will be used."
4589 },
4590 "v-item-group/active-class": {
4591 "type": "string",
4592 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
4593 },
4594 "v-item-group/dark": {
4595 "type": "boolean",
4596 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4597 },
4598 "v-item-group/light": {
4599 "type": "boolean",
4600 "description": "Applies the light theme variant to the component."
4601 },
4602 "v-item-group/mandatory": {
4603 "type": "boolean",
4604 "description": "Forces a value to always be selected (if available)."
4605 },
4606 "v-item-group/max": {
4607 "type": "number|string",
4608 "description": "Sets a maximum number of selections that can be made."
4609 },
4610 "v-item-group/multiple": {
4611 "type": "boolean",
4612 "description": "Allow multiple selections. The **value** prop must be an _array_."
4613 },
4614 "v-item-group/tag": {
4615 "type": "string",
4616 "description": "Specify a custom tag used on the root element."
4617 },
4618 "v-item-group/value": {
4619 "type": "any",
4620 "description": "The designated model value for the component."
4621 },
4622 "v-lazy/height": {
4623 "type": "number|string",
4624 "description": "Sets the height for the component."
4625 },
4626 "v-lazy/max-height": {
4627 "type": "number|string",
4628 "description": "Sets the maximum height for the component."
4629 },
4630 "v-lazy/max-width": {
4631 "type": "number|string",
4632 "description": "Sets the maximum width for the component."
4633 },
4634 "v-lazy/min-height": {
4635 "type": "number|string",
4636 "description": "Sets the minimum height for the component."
4637 },
4638 "v-lazy/min-width": {
4639 "type": "number|string",
4640 "description": "Sets the minimum width for the component."
4641 },
4642 "v-lazy/options": {
4643 "type": "object",
4644 "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor."
4645 },
4646 "v-lazy/tag": {
4647 "type": "string",
4648 "description": "Specify a custom tag used on the root element."
4649 },
4650 "v-lazy/transition": {
4651 "type": "string",
4652 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
4653 },
4654 "v-lazy/value": {
4655 "type": "any",
4656 "description": "Controls whether the component is visible or hidden."
4657 },
4658 "v-lazy/width": {
4659 "type": "number|string",
4660 "description": "Sets the width for the component."
4661 },
4662 "v-list/color": {
4663 "type": "string",
4664 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4665 },
4666 "v-list/dark": {
4667 "type": "boolean",
4668 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4669 },
4670 "v-list/dense": {
4671 "type": "boolean",
4672 "description": "Lowers max height of list tiles"
4673 },
4674 "v-list/disabled": {
4675 "type": "boolean",
4676 "description": "Disables all children `v-list-item` components"
4677 },
4678 "v-list/elevation": {
4679 "type": "number|string",
4680 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
4681 },
4682 "v-list/expand": {
4683 "type": "boolean",
4684 "description": "Will only collapse when explicitly closed"
4685 },
4686 "v-list/flat": {
4687 "type": "boolean",
4688 "description": "Remove the highlighted background on active `v-list-item`s"
4689 },
4690 "v-list/height": {
4691 "type": "number|string",
4692 "description": "Sets the height for the component."
4693 },
4694 "v-list/light": {
4695 "type": "boolean",
4696 "description": "Applies the light theme variant to the component."
4697 },
4698 "v-list/max-height": {
4699 "type": "number|string",
4700 "description": "Sets the maximum height for the component."
4701 },
4702 "v-list/max-width": {
4703 "type": "number|string",
4704 "description": "Sets the maximum width for the component."
4705 },
4706 "v-list/min-height": {
4707 "type": "number|string",
4708 "description": "Sets the minimum height for the component."
4709 },
4710 "v-list/min-width": {
4711 "type": "number|string",
4712 "description": "Sets the minimum width for the component."
4713 },
4714 "v-list/nav": {
4715 "type": "boolean",
4716 "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**"
4717 },
4718 "v-list/outlined": {
4719 "type": "boolean",
4720 "description": "Removes elevation (box-shadow) and adds a *thin* border."
4721 },
4722 "v-list/rounded": {
4723 "type": "boolean",
4724 "description": "Rounds the `v-list-item` edges"
4725 },
4726 "v-list/shaped": {
4727 "type": "boolean",
4728 "description": "Provides an alternative active style for `v-list-item`."
4729 },
4730 "v-list/subheader": {
4731 "type": "boolean",
4732 "description": "Removes top padding. Used when previous sibling is a header"
4733 },
4734 "v-list/tag": {
4735 "type": "string",
4736 "description": "Specify a custom tag used on the root element."
4737 },
4738 "v-list/three-line": {
4739 "type": "boolean",
4740 "description": "Increases list-item height for three lines. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
4741 },
4742 "v-list/tile": {
4743 "type": "boolean",
4744 "description": "Removes the component's **border-radius**."
4745 },
4746 "v-list/two-line": {
4747 "type": "boolean",
4748 "description": "Increases list-item height for two lines. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
4749 },
4750 "v-list/width": {
4751 "type": "number|string",
4752 "description": "Sets the width for the component."
4753 },
4754 "v-list-group/active-class": {
4755 "type": "string",
4756 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
4757 },
4758 "v-list-group/append-icon": {
4759 "type": "string",
4760 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
4761 },
4762 "v-list-group/color": {
4763 "type": "string",
4764 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4765 },
4766 "v-list-group/disabled": {
4767 "type": "boolean",
4768 "description": "Disables all children `v-list-item` components"
4769 },
4770 "v-list-group/eager": {
4771 "type": "boolean",
4772 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
4773 },
4774 "v-list-group/group": {
4775 "type": "string|regexp",
4776 "description": "Assign a route namespace. Accepts a string or regexp for determining active state"
4777 },
4778 "v-list-group/no-action": {
4779 "type": "boolean",
4780 "description": "Removes left padding assigned for action icons from group items"
4781 },
4782 "v-list-group/prepend-icon": {
4783 "type": "string",
4784 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
4785 },
4786 "v-list-group/ripple": {
4787 "type": "boolean|object",
4788 "description": "Applies the [v-ripple](/directives/ripple) directive."
4789 },
4790 "v-list-group/sub-group": {
4791 "type": "boolean",
4792 "description": "Designate the component as nested list group"
4793 },
4794 "v-list-group/value": {
4795 "type": "any",
4796 "description": "Expands / Collapse the list-group"
4797 },
4798 "v-list-item/active-class": {
4799 "type": "string",
4800 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
4801 },
4802 "v-list-item/append": {
4803 "type": "boolean",
4804 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
4805 },
4806 "v-list-item/color": {
4807 "type": "string",
4808 "description": "Applies specified color to the control when in an **active** state or **input-value** is **true** - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`)"
4809 },
4810 "v-list-item/dark": {
4811 "type": "boolean",
4812 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4813 },
4814 "v-list-item/dense": {
4815 "type": "boolean",
4816 "description": "Lowers max height of list tiles"
4817 },
4818 "v-list-item/disabled": {
4819 "type": "boolean",
4820 "description": "Disables the component"
4821 },
4822 "v-list-item/exact": {
4823 "type": "boolean",
4824 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
4825 },
4826 "v-list-item/exact-active-class": {
4827 "type": "string",
4828 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
4829 },
4830 "v-list-item/exact-path": {
4831 "type": "boolean",
4832 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
4833 },
4834 "v-list-item/href": {
4835 "type": "string|object",
4836 "description": "Designates the component as anchor and applies the **href** attribute."
4837 },
4838 "v-list-item/inactive": {
4839 "type": "boolean",
4840 "description": "If set, the list tile will not be rendered as a link even if it has to/href prop or @click handler"
4841 },
4842 "v-list-item/input-value": {
4843 "type": "any",
4844 "description": "Controls the **active** state of the item. This is typically used to highlight the component"
4845 },
4846 "v-list-item/light": {
4847 "type": "boolean",
4848 "description": "Applies the light theme variant to the component."
4849 },
4850 "v-list-item/link": {
4851 "type": "boolean",
4852 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
4853 },
4854 "v-list-item/nuxt": {
4855 "type": "boolean",
4856 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
4857 },
4858 "v-list-item/replace": {
4859 "type": "boolean",
4860 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
4861 },
4862 "v-list-item/ripple": {
4863 "type": "boolean|object",
4864 "description": "Applies the [v-ripple](/directives/ripple) directive."
4865 },
4866 "v-list-item/selectable": {
4867 "type": "boolean",
4868 "description": "Allow text selection inside `v-list-item`. This prop uses [user-select](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select)"
4869 },
4870 "v-list-item/tag": {
4871 "type": "string",
4872 "description": "Specify a custom tag used on the root element."
4873 },
4874 "v-list-item/target": {
4875 "type": "string",
4876 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
4877 },
4878 "v-list-item/three-line": {
4879 "type": "boolean",
4880 "description": "Increases list-item height for three lines. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
4881 },
4882 "v-list-item/to": {
4883 "type": "string|object",
4884 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
4885 },
4886 "v-list-item/two-line": {
4887 "type": "boolean",
4888 "description": "Increases list-item height for two lines. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers."
4889 },
4890 "v-list-item/value": {
4891 "type": "any",
4892 "description": "The value used when a child of a [v-list-item-group](/components/list-item-groups)."
4893 },
4894 "v-list-item-avatar/color": {
4895 "type": "string",
4896 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4897 },
4898 "v-list-item-avatar/height": {
4899 "type": "number|string",
4900 "description": "Sets the height for the component."
4901 },
4902 "v-list-item-avatar/horizontal": {
4903 "type": "boolean",
4904 "description": "Uses an alternative horizontal style."
4905 },
4906 "v-list-item-avatar/left": {
4907 "type": "boolean",
4908 "description": "Designates that the avatar is on the left side of a component. This is hooked into by components such as [v-chip](/components/chips) and [v-btn](/components/buttons)."
4909 },
4910 "v-list-item-avatar/max-height": {
4911 "type": "number|string",
4912 "description": "Sets the maximum height for the component."
4913 },
4914 "v-list-item-avatar/max-width": {
4915 "type": "number|string",
4916 "description": "Sets the maximum width for the component."
4917 },
4918 "v-list-item-avatar/min-height": {
4919 "type": "number|string",
4920 "description": "Sets the minimum height for the component."
4921 },
4922 "v-list-item-avatar/min-width": {
4923 "type": "number|string",
4924 "description": "Sets the minimum width for the component."
4925 },
4926 "v-list-item-avatar/right": {
4927 "type": "boolean",
4928 "description": "Designates that the avatar is on the right side of a component. This is hooked into by components such as [v-chip](/components/chips) and [v-btn](/components/buttons)."
4929 },
4930 "v-list-item-avatar/rounded": {
4931 "type": "boolean|string",
4932 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
4933 },
4934 "v-list-item-avatar/size": {
4935 "type": "number|string",
4936 "description": "Sets the height and width of the component."
4937 },
4938 "v-list-item-avatar/tile": {
4939 "type": "boolean",
4940 "description": "Removes the component's **border-radius**."
4941 },
4942 "v-list-item-avatar/width": {
4943 "type": "number|string",
4944 "description": "Sets the width for the component."
4945 },
4946 "v-list-item-group/active-class": {
4947 "type": "string",
4948 "description": "The **active-class** applied to children when they are activated."
4949 },
4950 "v-list-item-group/color": {
4951 "type": "string",
4952 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
4953 },
4954 "v-list-item-group/dark": {
4955 "type": "boolean",
4956 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
4957 },
4958 "v-list-item-group/light": {
4959 "type": "boolean",
4960 "description": "Applies the light theme variant to the component."
4961 },
4962 "v-list-item-group/mandatory": {
4963 "type": "boolean",
4964 "description": "Forces a value to always be selected (if available)."
4965 },
4966 "v-list-item-group/max": {
4967 "type": "number|string",
4968 "description": "Sets a maximum number of selections that can be made."
4969 },
4970 "v-list-item-group/multiple": {
4971 "type": "boolean",
4972 "description": "Allow multiple selections. The **value** prop must be an _array_."
4973 },
4974 "v-list-item-group/tag": {
4975 "type": "string",
4976 "description": "Specify a custom tag used on the root element."
4977 },
4978 "v-list-item-group/value": {
4979 "type": "any",
4980 "description": "Sets the active list-item inside the list-group"
4981 },
4982 "v-main/tag": {
4983 "type": "string",
4984 "description": "Specify a custom tag used on the root element."
4985 },
4986 "v-menu/absolute": {
4987 "type": "boolean",
4988 "description": "Applies **position: absolute** to the component."
4989 },
4990 "v-menu/activator": {
4991 "type": "any",
4992 "description": "Designate a custom activator when the `activator` slot is not used. String can be any valid querySelector and Object can be any valid Node."
4993 },
4994 "v-menu/allow-overflow": {
4995 "type": "boolean",
4996 "description": "Removes overflow re-positioning for the content"
4997 },
4998 "v-menu/attach": {
4999 "type": "any",
5000 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
5001 },
5002 "v-menu/auto": {
5003 "type": "boolean",
5004 "description": "Centers list on selected element"
5005 },
5006 "v-menu/bottom": {
5007 "type": "boolean",
5008 "description": "Aligns the component towards the bottom."
5009 },
5010 "v-menu/close-delay": {
5011 "type": "number|string",
5012 "description": "Milliseconds to wait before closing component. Only works with the **open-on-hover** prop"
5013 },
5014 "v-menu/close-on-click": {
5015 "type": "boolean",
5016 "description": "Designates if menu should close on outside-activator click"
5017 },
5018 "v-menu/close-on-content-click": {
5019 "type": "boolean",
5020 "description": "Designates if menu should close when its content is clicked"
5021 },
5022 "v-menu/content-class": {
5023 "type": "string",
5024 "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component."
5025 },
5026 "v-menu/dark": {
5027 "type": "boolean",
5028 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5029 },
5030 "v-menu/disable-keys": {
5031 "type": "boolean",
5032 "description": "Removes all keyboard interaction"
5033 },
5034 "v-menu/disabled": {
5035 "type": "boolean",
5036 "description": "Disables the menu"
5037 },
5038 "v-menu/eager": {
5039 "type": "boolean",
5040 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
5041 },
5042 "v-menu/internal-activator": {
5043 "type": "boolean",
5044 "description": "Detaches the menu content inside of the component as opposed to the document."
5045 },
5046 "v-menu/left": {
5047 "type": "boolean",
5048 "description": "Aligns the component towards the left."
5049 },
5050 "v-menu/light": {
5051 "type": "boolean",
5052 "description": "Applies the light theme variant to the component."
5053 },
5054 "v-menu/max-height": {
5055 "type": "number|string",
5056 "description": "Sets the max height of the menu content"
5057 },
5058 "v-menu/max-width": {
5059 "type": "number|string",
5060 "description": "Sets the maximum width for the content"
5061 },
5062 "v-menu/min-width": {
5063 "type": "number|string",
5064 "description": "Sets the minimum width for the content"
5065 },
5066 "v-menu/nudge-bottom": {
5067 "type": "number|string",
5068 "description": "Nudge the content to the bottom"
5069 },
5070 "v-menu/nudge-left": {
5071 "type": "number|string",
5072 "description": "Nudge the content to the left"
5073 },
5074 "v-menu/nudge-right": {
5075 "type": "number|string",
5076 "description": "Nudge the content to the right"
5077 },
5078 "v-menu/nudge-top": {
5079 "type": "number|string",
5080 "description": "Nudge the content to the top"
5081 },
5082 "v-menu/nudge-width": {
5083 "type": "number|string",
5084 "description": "Nudge the content width"
5085 },
5086 "v-menu/offset-overflow": {
5087 "type": "boolean",
5088 "description": "Causes the component to flip to the opposite side when repositioned due to overflow"
5089 },
5090 "v-menu/offset-x": {
5091 "type": "boolean",
5092 "description": "Offset the menu on the x-axis. Works in conjunction with direction left/right"
5093 },
5094 "v-menu/offset-y": {
5095 "type": "boolean",
5096 "description": "Offset the menu on the y-axis. Works in conjunction with direction top/bottom"
5097 },
5098 "v-menu/open-delay": {
5099 "type": "number|string",
5100 "description": "Milliseconds to wait before opening component. Only works with the **open-on-hover** prop"
5101 },
5102 "v-menu/open-on-click": {
5103 "type": "boolean",
5104 "description": "Designates whether menu should open on activator click"
5105 },
5106 "v-menu/open-on-focus": {
5107 "type": "boolean",
5108 "description": ""
5109 },
5110 "v-menu/open-on-hover": {
5111 "type": "boolean",
5112 "description": "Designates whether menu should open on activator hover"
5113 },
5114 "v-menu/origin": {
5115 "type": "string",
5116 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
5117 },
5118 "v-menu/position-x": {
5119 "type": "number",
5120 "description": "Used to position the content when not using an activator slot"
5121 },
5122 "v-menu/position-y": {
5123 "type": "number",
5124 "description": "Used to position the content when not using an activator slot"
5125 },
5126 "v-menu/return-value": {
5127 "type": "any",
5128 "description": "The value that is updated when the menu is closed - must be primitive. Dot notation is supported"
5129 },
5130 "v-menu/right": {
5131 "type": "boolean",
5132 "description": "Aligns the component towards the right."
5133 },
5134 "v-menu/rounded": {
5135 "type": "boolean|string",
5136 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
5137 },
5138 "v-menu/tile": {
5139 "type": "boolean",
5140 "description": "Removes the component's **border-radius**."
5141 },
5142 "v-menu/top": {
5143 "type": "boolean",
5144 "description": "Aligns the content towards the top."
5145 },
5146 "v-menu/transition": {
5147 "type": "boolean|string",
5148 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
5149 },
5150 "v-menu/value": {
5151 "type": "any",
5152 "description": "Controls whether the component is visible or hidden."
5153 },
5154 "v-menu/z-index": {
5155 "type": "number|string",
5156 "description": "The z-index used for the component"
5157 },
5158 "v-navigation-drawer/absolute": {
5159 "type": "boolean",
5160 "description": "Applies **position: absolute** to the component."
5161 },
5162 "v-navigation-drawer/app": {
5163 "type": "boolean",
5164 "description": "Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside **outside** of `v-main` component to function properly. You can find more information about layouts on the [application page](/components/application). **Note:** this prop automatically applies **position: fixed** to the layout element. You can overwrite this functionality by using the `absolute` prop"
5165 },
5166 "v-navigation-drawer/bottom": {
5167 "type": "boolean",
5168 "description": "Expands from the bottom of the screen on mobile devices"
5169 },
5170 "v-navigation-drawer/clipped": {
5171 "type": "boolean",
5172 "description": "A clipped drawer rests under the application toolbar. **Note:** requires the **clipped-left** or **clipped-right** prop on `v-app-bar` to work as intended"
5173 },
5174 "v-navigation-drawer/color": {
5175 "type": "string",
5176 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5177 },
5178 "v-navigation-drawer/dark": {
5179 "type": "boolean",
5180 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5181 },
5182 "v-navigation-drawer/disable-resize-watcher": {
5183 "type": "boolean",
5184 "description": "Will automatically open/close drawer when resized depending if mobile or desktop."
5185 },
5186 "v-navigation-drawer/disable-route-watcher": {
5187 "type": "boolean",
5188 "description": "Disables opening of navigation drawer when route changes"
5189 },
5190 "v-navigation-drawer/expand-on-hover": {
5191 "type": "boolean",
5192 "description": "Collapses the drawer to a **mini-variant** until hovering with the mouse"
5193 },
5194 "v-navigation-drawer/fixed": {
5195 "type": "boolean",
5196 "description": "Applies **position: fixed** to the component."
5197 },
5198 "v-navigation-drawer/floating": {
5199 "type": "boolean",
5200 "description": "A floating drawer has no visible container (no border-right)"
5201 },
5202 "v-navigation-drawer/height": {
5203 "type": "number|string",
5204 "description": "Sets the height of the navigation drawer"
5205 },
5206 "v-navigation-drawer/hide-overlay": {
5207 "type": "boolean",
5208 "description": "Hides the display of the overlay."
5209 },
5210 "v-navigation-drawer/light": {
5211 "type": "boolean",
5212 "description": "Applies the light theme variant to the component."
5213 },
5214 "v-navigation-drawer/mini-variant": {
5215 "type": "boolean",
5216 "description": "Condenses navigation drawer width, also accepts the **.sync** modifier. With this, the drawer will re-open when clicking it"
5217 },
5218 "v-navigation-drawer/mini-variant-width": {
5219 "type": "number|string",
5220 "description": "Designates the width assigned when the `mini` prop is turned on"
5221 },
5222 "v-navigation-drawer/mobile-breakpoint": {
5223 "type": "number|string",
5224 "description": "Sets the designated mobile breakpoint for the component. This will apply alternate styles for mobile devices such as the `temporary` prop, or activate the `bottom` prop when the breakpoint value is met. Setting the value to `0` will disable this functionality."
5225 },
5226 "v-navigation-drawer/overlay-color": {
5227 "type": "string",
5228 "description": "Sets the overlay color."
5229 },
5230 "v-navigation-drawer/overlay-opacity": {
5231 "type": "number|string",
5232 "description": "Sets the overlay opacity."
5233 },
5234 "v-navigation-drawer/permanent": {
5235 "type": "boolean",
5236 "description": "The drawer remains visible regardless of screen size"
5237 },
5238 "v-navigation-drawer/right": {
5239 "type": "boolean",
5240 "description": "Places the navigation drawer on the right"
5241 },
5242 "v-navigation-drawer/src": {
5243 "type": "string|object",
5244 "description": "Specifies a [v-img](/components/images) as the component's background."
5245 },
5246 "v-navigation-drawer/stateless": {
5247 "type": "boolean",
5248 "description": "Remove all automated state functionality (resize, mobile, route) and manually control the drawer state"
5249 },
5250 "v-navigation-drawer/tag": {
5251 "type": "string",
5252 "description": "Specify a custom tag used on the root element."
5253 },
5254 "v-navigation-drawer/temporary": {
5255 "type": "boolean",
5256 "description": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background"
5257 },
5258 "v-navigation-drawer/touchless": {
5259 "type": "boolean",
5260 "description": "Disable mobile touch functionality"
5261 },
5262 "v-navigation-drawer/value": {
5263 "type": "any",
5264 "description": "Controls whether the component is visible or hidden."
5265 },
5266 "v-navigation-drawer/width": {
5267 "type": "number|string",
5268 "description": "Sets the width for the component."
5269 },
5270 "v-overflow-btn/allow-overflow": {
5271 "type": "boolean",
5272 "description": "Allow the menu to overflow off the screen"
5273 },
5274 "v-overflow-btn/append-icon": {
5275 "type": "string",
5276 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
5277 },
5278 "v-overflow-btn/append-outer-icon": {
5279 "type": "string",
5280 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
5281 },
5282 "v-overflow-btn/attach": {
5283 "type": "any",
5284 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
5285 },
5286 "v-overflow-btn/auto-select-first": {
5287 "type": "boolean",
5288 "description": "When searching, will always highlight the first option"
5289 },
5290 "v-overflow-btn/autofocus": {
5291 "type": "boolean",
5292 "description": "Enables autofocus"
5293 },
5294 "v-overflow-btn/background-color": {
5295 "type": "string",
5296 "description": "Changes the background-color of the input"
5297 },
5298 "v-overflow-btn/cache-items": {
5299 "type": "boolean",
5300 "description": "Keeps a local _unique_ copy of all items that have been passed through the **items** prop."
5301 },
5302 "v-overflow-btn/chips": {
5303 "type": "boolean",
5304 "description": "Changes display of selections to chips"
5305 },
5306 "v-overflow-btn/clear-icon": {
5307 "type": "string",
5308 "description": "Applied when using **clearable** and the input is dirty"
5309 },
5310 "v-overflow-btn/clearable": {
5311 "type": "boolean",
5312 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
5313 },
5314 "v-overflow-btn/color": {
5315 "type": "string",
5316 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5317 },
5318 "v-overflow-btn/counter": {
5319 "type": "boolean|number|string",
5320 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
5321 },
5322 "v-overflow-btn/counter-value": {
5323 "type": "function",
5324 "description": ""
5325 },
5326 "v-overflow-btn/dark": {
5327 "type": "boolean",
5328 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5329 },
5330 "v-overflow-btn/deletable-chips": {
5331 "type": "boolean",
5332 "description": "Adds a remove icon to selected chips"
5333 },
5334 "v-overflow-btn/dense": {
5335 "type": "boolean",
5336 "description": "Reduces the input height"
5337 },
5338 "v-overflow-btn/disable-lookup": {
5339 "type": "boolean",
5340 "description": "Disables keyboard lookup"
5341 },
5342 "v-overflow-btn/disabled": {
5343 "type": "boolean",
5344 "description": "Disables the input"
5345 },
5346 "v-overflow-btn/eager": {
5347 "type": "boolean",
5348 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
5349 },
5350 "v-overflow-btn/editable": {
5351 "type": "boolean",
5352 "description": "Creates an editable button"
5353 },
5354 "v-overflow-btn/error": {
5355 "type": "boolean",
5356 "description": "Puts the input in a manual error state"
5357 },
5358 "v-overflow-btn/error-count": {
5359 "type": "number|string",
5360 "description": "The total number of errors that should display at once"
5361 },
5362 "v-overflow-btn/error-messages": {
5363 "type": "string|array",
5364 "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"
5365 },
5366 "v-overflow-btn/filled": {
5367 "type": "boolean",
5368 "description": "Applies the alternate filled input style"
5369 },
5370 "v-overflow-btn/filter": {
5371 "type": "function",
5372 "description": "The filtering algorithm used when searching. [example](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VAutocomplete/VAutocomplete.ts#L40)"
5373 },
5374 "v-overflow-btn/flat": {
5375 "type": "boolean",
5376 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
5377 },
5378 "v-overflow-btn/full-width": {
5379 "type": "boolean",
5380 "description": "Designates input type as full-width"
5381 },
5382 "v-overflow-btn/height": {
5383 "type": "number|string",
5384 "description": "Sets the height of the input"
5385 },
5386 "v-overflow-btn/hide-details": {
5387 "type": "boolean|string",
5388 "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"
5389 },
5390 "v-overflow-btn/hide-no-data": {
5391 "type": "boolean",
5392 "description": "Hides the menu when there are no options to show. Useful for preventing the menu from opening before results are fetched asynchronously. Also has the effect of opening the menu when the `items` array changes if not already open."
5393 },
5394 "v-overflow-btn/hide-selected": {
5395 "type": "boolean",
5396 "description": "Do not display in the select menu items that are already selected"
5397 },
5398 "v-overflow-btn/hint": {
5399 "type": "string",
5400 "description": "Hint text"
5401 },
5402 "v-overflow-btn/id": {
5403 "type": "string",
5404 "description": "Sets the DOM id on the component"
5405 },
5406 "v-overflow-btn/item-color": {
5407 "type": "string",
5408 "description": "Sets color of selected items"
5409 },
5410 "v-overflow-btn/item-disabled": {
5411 "type": "string|array|function",
5412 "description": "Set property of **items**'s disabled value"
5413 },
5414 "v-overflow-btn/item-text": {
5415 "type": "string|array|function",
5416 "description": "Set property of **items**'s text value"
5417 },
5418 "v-overflow-btn/item-value": {
5419 "type": "string|array|function",
5420 "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)"
5421 },
5422 "v-overflow-btn/items": {
5423 "type": "array",
5424 "description": "Can be an array of objects or array of strings. When using objects, will look for a text, value and disabled keys. This can be changed using the **item-text**, **item-value** and **item-disabled** props. Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
5425 },
5426 "v-overflow-btn/label": {
5427 "type": "string",
5428 "description": "Sets input label"
5429 },
5430 "v-overflow-btn/light": {
5431 "type": "boolean",
5432 "description": "Applies the light theme variant to the component."
5433 },
5434 "v-overflow-btn/loader-height": {
5435 "type": "number|string",
5436 "description": "Specifies the height of the loader"
5437 },
5438 "v-overflow-btn/loading": {
5439 "type": "boolean|string",
5440 "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"
5441 },
5442 "v-overflow-btn/menu-props": {
5443 "type": "string|array|object",
5444 "description": "Pass props through to the `v-menu` component. Accepts either a string for boolean props `menu-props=\"auto, overflowY\"`, or an object `:menu-props=\"{ auto: true, overflowY: true }\"`"
5445 },
5446 "v-overflow-btn/messages": {
5447 "type": "string|array",
5448 "description": "Displays a list of messages or message if using a string"
5449 },
5450 "v-overflow-btn/multiple": {
5451 "type": "boolean",
5452 "description": "Changes select to multiple. Accepts array for value"
5453 },
5454 "v-overflow-btn/no-data-text": {
5455 "type": "string",
5456 "description": "Display text when there is no data"
5457 },
5458 "v-overflow-btn/no-filter": {
5459 "type": "boolean",
5460 "description": "Do not apply filtering when searching. Useful when data is being filtered server side"
5461 },
5462 "v-overflow-btn/open-on-clear": {
5463 "type": "boolean",
5464 "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state"
5465 },
5466 "v-overflow-btn/outlined": {
5467 "type": "boolean",
5468 "description": "Applies the outlined style to the input"
5469 },
5470 "v-overflow-btn/persistent-hint": {
5471 "type": "boolean",
5472 "description": "Forces hint to always be visible"
5473 },
5474 "v-overflow-btn/persistent-placeholder": {
5475 "type": "boolean",
5476 "description": "Forces placeholder to always be visible"
5477 },
5478 "v-overflow-btn/placeholder": {
5479 "type": "string",
5480 "description": "Sets the input's placeholder text"
5481 },
5482 "v-overflow-btn/prefix": {
5483 "type": "string",
5484 "description": "Displays prefix text"
5485 },
5486 "v-overflow-btn/prepend-icon": {
5487 "type": "string",
5488 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
5489 },
5490 "v-overflow-btn/prepend-inner-icon": {
5491 "type": "string",
5492 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
5493 },
5494 "v-overflow-btn/readonly": {
5495 "type": "boolean",
5496 "description": "Puts input in readonly state"
5497 },
5498 "v-overflow-btn/return-object": {
5499 "type": "boolean",
5500 "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
5501 },
5502 "v-overflow-btn/reverse": {
5503 "type": "boolean",
5504 "description": "Reverses the input orientation"
5505 },
5506 "v-overflow-btn/rounded": {
5507 "type": "boolean",
5508 "description": "Adds a border radius to the input"
5509 },
5510 "v-overflow-btn/rules": {
5511 "type": "array",
5512 "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`"
5513 },
5514 "v-overflow-btn/search-input": {
5515 "type": "string",
5516 "description": "Search value. Can be used with `.sync` modifier."
5517 },
5518 "v-overflow-btn/segmented": {
5519 "type": "boolean",
5520 "description": "Creates a segmented button"
5521 },
5522 "v-overflow-btn/shaped": {
5523 "type": "boolean",
5524 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
5525 },
5526 "v-overflow-btn/single-line": {
5527 "type": "boolean",
5528 "description": "Label does not move on focus/dirty"
5529 },
5530 "v-overflow-btn/small-chips": {
5531 "type": "boolean",
5532 "description": "Changes display of selections to chips with the **small** property"
5533 },
5534 "v-overflow-btn/solo": {
5535 "type": "boolean",
5536 "description": "Changes the style of the input"
5537 },
5538 "v-overflow-btn/solo-inverted": {
5539 "type": "boolean",
5540 "description": "Reduces element opacity until focused"
5541 },
5542 "v-overflow-btn/success": {
5543 "type": "boolean",
5544 "description": "Puts the input in a manual success state"
5545 },
5546 "v-overflow-btn/success-messages": {
5547 "type": "string|array",
5548 "description": "Puts the input in a success state and passes through custom success messages."
5549 },
5550 "v-overflow-btn/suffix": {
5551 "type": "string",
5552 "description": "Displays suffix text"
5553 },
5554 "v-overflow-btn/type": {
5555 "type": "string",
5556 "description": "Sets input type"
5557 },
5558 "v-overflow-btn/validate-on-blur": {
5559 "type": "boolean",
5560 "description": "Delays validation until blur event"
5561 },
5562 "v-overflow-btn/value": {
5563 "type": "any",
5564 "description": "The input's value"
5565 },
5566 "v-overflow-btn/value-comparator": {
5567 "type": "function",
5568 "description": "The comparison algorithm used for values. [More info](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts)"
5569 },
5570 "v-overlay/absolute": {
5571 "type": "boolean",
5572 "description": "Applies **position: absolute** to the component."
5573 },
5574 "v-overlay/color": {
5575 "type": "string",
5576 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5577 },
5578 "v-overlay/dark": {
5579 "type": "boolean",
5580 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5581 },
5582 "v-overlay/light": {
5583 "type": "boolean",
5584 "description": "Applies the light theme variant to the component."
5585 },
5586 "v-overlay/opacity": {
5587 "type": "number|string",
5588 "description": "Sets the overlay opacity"
5589 },
5590 "v-overlay/value": {
5591 "type": "any",
5592 "description": "Controls whether the component is visible or hidden."
5593 },
5594 "v-overlay/z-index": {
5595 "type": "number|string",
5596 "description": "The z-index used for the component"
5597 },
5598 "v-pagination/circle": {
5599 "type": "boolean",
5600 "description": "Shape pagination elements as circles"
5601 },
5602 "v-pagination/color": {
5603 "type": "string",
5604 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5605 },
5606 "v-pagination/current-page-aria-label": {
5607 "type": "string",
5608 "description": ""
5609 },
5610 "v-pagination/dark": {
5611 "type": "boolean",
5612 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5613 },
5614 "v-pagination/disabled": {
5615 "type": "boolean",
5616 "description": "Disables component"
5617 },
5618 "v-pagination/length": {
5619 "type": "number",
5620 "description": "The length of the pagination component"
5621 },
5622 "v-pagination/light": {
5623 "type": "boolean",
5624 "description": "Applies the light theme variant to the component."
5625 },
5626 "v-pagination/next-aria-label": {
5627 "type": "string",
5628 "description": ""
5629 },
5630 "v-pagination/next-icon": {
5631 "type": "string",
5632 "description": "Specify the icon to use for the next icon"
5633 },
5634 "v-pagination/page-aria-label": {
5635 "type": "string",
5636 "description": ""
5637 },
5638 "v-pagination/prev-icon": {
5639 "type": "string",
5640 "description": "Specify the icon to use for the prev icon"
5641 },
5642 "v-pagination/previous-aria-label": {
5643 "type": "string",
5644 "description": ""
5645 },
5646 "v-pagination/total-visible": {
5647 "type": "number|string",
5648 "description": "Specify the max total visible pagination numbers"
5649 },
5650 "v-pagination/value": {
5651 "type": "number",
5652 "description": "Current selected page"
5653 },
5654 "v-pagination/wrapper-aria-label": {
5655 "type": "string",
5656 "description": ""
5657 },
5658 "v-sheet/color": {
5659 "type": "string",
5660 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5661 },
5662 "v-sheet/dark": {
5663 "type": "boolean",
5664 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5665 },
5666 "v-sheet/elevation": {
5667 "type": "number|string",
5668 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
5669 },
5670 "v-sheet/height": {
5671 "type": "number|string",
5672 "description": "Sets the height for the component."
5673 },
5674 "v-sheet/light": {
5675 "type": "boolean",
5676 "description": "Applies the light theme variant to the component."
5677 },
5678 "v-sheet/max-height": {
5679 "type": "number|string",
5680 "description": "Sets the maximum height for the component."
5681 },
5682 "v-sheet/max-width": {
5683 "type": "number|string",
5684 "description": "Sets the maximum width for the component."
5685 },
5686 "v-sheet/min-height": {
5687 "type": "number|string",
5688 "description": "Sets the minimum height for the component."
5689 },
5690 "v-sheet/min-width": {
5691 "type": "number|string",
5692 "description": "Sets the minimum width for the component."
5693 },
5694 "v-sheet/outlined": {
5695 "type": "boolean",
5696 "description": "Removes elevation (box-shadow) and adds a *thin* border."
5697 },
5698 "v-sheet/rounded": {
5699 "type": "boolean|string",
5700 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
5701 },
5702 "v-sheet/shaped": {
5703 "type": "boolean",
5704 "description": "Applies a large border radius on the top left and bottom right of the card."
5705 },
5706 "v-sheet/tag": {
5707 "type": "string",
5708 "description": "Specify a custom tag used on the root element."
5709 },
5710 "v-sheet/tile": {
5711 "type": "boolean",
5712 "description": "Removes the component's **border-radius**."
5713 },
5714 "v-sheet/width": {
5715 "type": "number|string",
5716 "description": "Sets the width for the component."
5717 },
5718 "v-parallax/alt": {
5719 "type": "string",
5720 "description": "Attaches an alt property to the parallax image"
5721 },
5722 "v-parallax/height": {
5723 "type": "string|number",
5724 "description": "Sets the height for the component"
5725 },
5726 "v-parallax/src": {
5727 "type": "string",
5728 "description": "The image to parallax"
5729 },
5730 "v-parallax/srcset": {
5731 "type": "string",
5732 "description": "A set of alternate images to use based on device size. [Read more...](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-srcset)"
5733 },
5734 "v-progress-circular/button": {
5735 "type": "boolean",
5736 "description": "Deprecated - Pending removal"
5737 },
5738 "v-progress-circular/color": {
5739 "type": "string",
5740 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5741 },
5742 "v-progress-circular/indeterminate": {
5743 "type": "boolean",
5744 "description": "Constantly animates, use when loading progress is unknown."
5745 },
5746 "v-progress-circular/rotate": {
5747 "type": "number|string",
5748 "description": "Rotates the circle start point in deg"
5749 },
5750 "v-progress-circular/size": {
5751 "type": "number|string",
5752 "description": "Sets the diameter of the circle in pixels"
5753 },
5754 "v-progress-circular/value": {
5755 "type": "number|string",
5756 "description": "The percentage value for current progress"
5757 },
5758 "v-progress-circular/width": {
5759 "type": "number|string",
5760 "description": "Sets the stroke of the circle in pixels"
5761 },
5762 "v-progress-linear/absolute": {
5763 "type": "boolean",
5764 "description": "Applies **position: absolute** to the component."
5765 },
5766 "v-progress-linear/active": {
5767 "type": "boolean",
5768 "description": "Reduce the height to 0, hiding component"
5769 },
5770 "v-progress-linear/background-color": {
5771 "type": "string",
5772 "description": "Background color, set to component's color if null"
5773 },
5774 "v-progress-linear/background-opacity": {
5775 "type": "number|string",
5776 "description": "Background opacity, if null it defaults to 0.3 if background color is not specified or 1 otherwise"
5777 },
5778 "v-progress-linear/bottom": {
5779 "type": "boolean",
5780 "description": "Aligns the component towards the bottom."
5781 },
5782 "v-progress-linear/buffer-value": {
5783 "type": "number|string",
5784 "description": "The percentage value for the buffer"
5785 },
5786 "v-progress-linear/color": {
5787 "type": "string",
5788 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5789 },
5790 "v-progress-linear/dark": {
5791 "type": "boolean",
5792 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5793 },
5794 "v-progress-linear/fixed": {
5795 "type": "boolean",
5796 "description": "Applies **position: fixed** to the component."
5797 },
5798 "v-progress-linear/height": {
5799 "type": "number|string",
5800 "description": "Sets the height for the component"
5801 },
5802 "v-progress-linear/indeterminate": {
5803 "type": "boolean",
5804 "description": "Constantly animates, use when loading progress is unknown."
5805 },
5806 "v-progress-linear/light": {
5807 "type": "boolean",
5808 "description": "Applies the light theme variant to the component."
5809 },
5810 "v-progress-linear/query": {
5811 "type": "boolean",
5812 "description": "Animates like **indeterminate** prop but inverse"
5813 },
5814 "v-progress-linear/reverse": {
5815 "type": "boolean",
5816 "description": "Displays reversed progress (right to left in LTR mode and left to right in RTL)"
5817 },
5818 "v-progress-linear/rounded": {
5819 "type": "boolean",
5820 "description": "Adds a border radius to the progress component"
5821 },
5822 "v-progress-linear/stream": {
5823 "type": "boolean",
5824 "description": "An alternative style for portraying loading that works in tandem with **buffer-value**"
5825 },
5826 "v-progress-linear/striped": {
5827 "type": "boolean",
5828 "description": "Adds a stripe background to the filled portion of the progress component"
5829 },
5830 "v-progress-linear/top": {
5831 "type": "boolean",
5832 "description": "Aligns the content towards the top."
5833 },
5834 "v-progress-linear/value": {
5835 "type": "number|string",
5836 "description": "The designated model value for the component."
5837 },
5838 "v-radio-group/active-class": {
5839 "type": "string",
5840 "description": "The **active-class** applied to children when they are activated."
5841 },
5842 "v-radio-group/append-icon": {
5843 "type": "string",
5844 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
5845 },
5846 "v-radio-group/background-color": {
5847 "type": "string",
5848 "description": "Changes the background-color of the input"
5849 },
5850 "v-radio-group/column": {
5851 "type": "boolean",
5852 "description": "Displays radio buttons in column"
5853 },
5854 "v-radio-group/dark": {
5855 "type": "boolean",
5856 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5857 },
5858 "v-radio-group/dense": {
5859 "type": "boolean",
5860 "description": "Reduces the input height"
5861 },
5862 "v-radio-group/disabled": {
5863 "type": "boolean",
5864 "description": "Disable the input"
5865 },
5866 "v-radio-group/error": {
5867 "type": "boolean",
5868 "description": "Puts the input in a manual error state"
5869 },
5870 "v-radio-group/error-count": {
5871 "type": "number|string",
5872 "description": "The total number of errors that should display at once"
5873 },
5874 "v-radio-group/error-messages": {
5875 "type": "string|array",
5876 "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"
5877 },
5878 "v-radio-group/hide-details": {
5879 "type": "boolean|string",
5880 "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"
5881 },
5882 "v-radio-group/hint": {
5883 "type": "string",
5884 "description": "Hint text"
5885 },
5886 "v-radio-group/id": {
5887 "type": "string",
5888 "description": "Sets the DOM id on the component"
5889 },
5890 "v-radio-group/label": {
5891 "type": "string",
5892 "description": "Sets input label"
5893 },
5894 "v-radio-group/light": {
5895 "type": "boolean",
5896 "description": "Applies the light theme variant to the component."
5897 },
5898 "v-radio-group/mandatory": {
5899 "type": "boolean",
5900 "description": "Forces a value to always be selected (if available)."
5901 },
5902 "v-radio-group/max": {
5903 "type": "number|string",
5904 "description": "Sets a maximum number of selections that can be made."
5905 },
5906 "v-radio-group/messages": {
5907 "type": "string|array",
5908 "description": "Displays a list of messages or message if using a string"
5909 },
5910 "v-radio-group/multiple": {
5911 "type": "boolean",
5912 "description": "Allow multiple selections. The **value** prop must be an _array_."
5913 },
5914 "v-radio-group/name": {
5915 "type": "string",
5916 "description": "Sets the component's name attribute"
5917 },
5918 "v-radio-group/persistent-hint": {
5919 "type": "boolean",
5920 "description": "Forces hint to always be visible"
5921 },
5922 "v-radio-group/prepend-icon": {
5923 "type": "string",
5924 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
5925 },
5926 "v-radio-group/readonly": {
5927 "type": "boolean",
5928 "description": "Puts input in readonly state"
5929 },
5930 "v-radio-group/row": {
5931 "type": "boolean",
5932 "description": "Displays radio buttons in row"
5933 },
5934 "v-radio-group/rules": {
5935 "type": "array",
5936 "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`"
5937 },
5938 "v-radio-group/success": {
5939 "type": "boolean",
5940 "description": "Puts the input in a manual success state"
5941 },
5942 "v-radio-group/success-messages": {
5943 "type": "string|array",
5944 "description": "Puts the input in a success state and passes through custom success messages."
5945 },
5946 "v-radio-group/tag": {
5947 "type": "string",
5948 "description": "Specify a custom tag used on the root element."
5949 },
5950 "v-radio-group/validate-on-blur": {
5951 "type": "boolean",
5952 "description": "Delays validation until blur event"
5953 },
5954 "v-radio-group/value": {
5955 "type": "any",
5956 "description": "The input's value"
5957 },
5958 "v-radio-group/value-comparator": {
5959 "type": "function",
5960 "description": "Apply a custom value comparator function"
5961 },
5962 "v-radio/active-class": {
5963 "type": "string",
5964 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
5965 },
5966 "v-radio/color": {
5967 "type": "string",
5968 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
5969 },
5970 "v-radio/dark": {
5971 "type": "boolean",
5972 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
5973 },
5974 "v-radio/disabled": {
5975 "type": "boolean",
5976 "description": "Removes the ability to click or target the component."
5977 },
5978 "v-radio/id": {
5979 "type": "string",
5980 "description": "Sets the DOM id on the component"
5981 },
5982 "v-radio/label": {
5983 "type": "string",
5984 "description": "Sets input label"
5985 },
5986 "v-radio/light": {
5987 "type": "boolean",
5988 "description": "Applies the light theme variant to the component."
5989 },
5990 "v-radio/name": {
5991 "type": "string",
5992 "description": "Sets the component's name attribute"
5993 },
5994 "v-radio/off-icon": {
5995 "type": "string",
5996 "description": "The icon used when inactive"
5997 },
5998 "v-radio/on-icon": {
5999 "type": "string",
6000 "description": "The icon used when active"
6001 },
6002 "v-radio/readonly": {
6003 "type": "boolean",
6004 "description": "Puts input in readonly state"
6005 },
6006 "v-radio/ripple": {
6007 "type": "boolean|object",
6008 "description": "Applies the [v-ripple](/directives/ripple) directive."
6009 },
6010 "v-radio/value": {
6011 "type": "any",
6012 "description": "The value used when the component is selected in a group. If not provided, the index will be used."
6013 },
6014 "v-range-slider/append-icon": {
6015 "type": "string",
6016 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
6017 },
6018 "v-range-slider/background-color": {
6019 "type": "string",
6020 "description": "Changes the background-color of the input"
6021 },
6022 "v-range-slider/color": {
6023 "type": "string",
6024 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6025 },
6026 "v-range-slider/dark": {
6027 "type": "boolean",
6028 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6029 },
6030 "v-range-slider/dense": {
6031 "type": "boolean",
6032 "description": "Reduces the input height"
6033 },
6034 "v-range-slider/disabled": {
6035 "type": "boolean",
6036 "description": "Disable the input"
6037 },
6038 "v-range-slider/error": {
6039 "type": "boolean",
6040 "description": "Puts the input in a manual error state"
6041 },
6042 "v-range-slider/error-count": {
6043 "type": "number|string",
6044 "description": "The total number of errors that should display at once"
6045 },
6046 "v-range-slider/error-messages": {
6047 "type": "string|array",
6048 "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"
6049 },
6050 "v-range-slider/height": {
6051 "type": "number|string",
6052 "description": "Sets the height of the input"
6053 },
6054 "v-range-slider/hide-details": {
6055 "type": "boolean|string",
6056 "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"
6057 },
6058 "v-range-slider/hint": {
6059 "type": "string",
6060 "description": "Hint text"
6061 },
6062 "v-range-slider/id": {
6063 "type": "string",
6064 "description": "Sets the DOM id on the component"
6065 },
6066 "v-range-slider/inverse-label": {
6067 "type": "boolean",
6068 "description": "Reverse the label position. Works with **rtl**."
6069 },
6070 "v-range-slider/label": {
6071 "type": "string",
6072 "description": "Sets input label"
6073 },
6074 "v-range-slider/light": {
6075 "type": "boolean",
6076 "description": "Applies the light theme variant to the component."
6077 },
6078 "v-range-slider/loader-height": {
6079 "type": "number|string",
6080 "description": "Specifies the height of the loader"
6081 },
6082 "v-range-slider/loading": {
6083 "type": "boolean|string",
6084 "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"
6085 },
6086 "v-range-slider/max": {
6087 "type": "number|string",
6088 "description": "Sets the maximum allowed value"
6089 },
6090 "v-range-slider/messages": {
6091 "type": "string|array",
6092 "description": "Displays a list of messages or message if using a string"
6093 },
6094 "v-range-slider/min": {
6095 "type": "number|string",
6096 "description": "Sets the minimum allowed value"
6097 },
6098 "v-range-slider/persistent-hint": {
6099 "type": "boolean",
6100 "description": "Forces hint to always be visible"
6101 },
6102 "v-range-slider/prepend-icon": {
6103 "type": "string",
6104 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
6105 },
6106 "v-range-slider/readonly": {
6107 "type": "boolean",
6108 "description": "Puts input in readonly state"
6109 },
6110 "v-range-slider/rules": {
6111 "type": "array",
6112 "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`"
6113 },
6114 "v-range-slider/step": {
6115 "type": "number|string",
6116 "description": "If greater than 0, sets step interval for ticks"
6117 },
6118 "v-range-slider/success": {
6119 "type": "boolean",
6120 "description": "Puts the input in a manual success state"
6121 },
6122 "v-range-slider/success-messages": {
6123 "type": "string|array",
6124 "description": "Puts the input in a success state and passes through custom success messages."
6125 },
6126 "v-range-slider/thumb-color": {
6127 "type": "string",
6128 "description": "Sets the thumb and thumb label color"
6129 },
6130 "v-range-slider/thumb-label": {
6131 "type": "boolean|string",
6132 "description": "Show thumb label. If `true` it shows label when using slider. If set to `'always'` it always shows label."
6133 },
6134 "v-range-slider/thumb-size": {
6135 "type": "number|string",
6136 "description": "Controls the size of the thumb label."
6137 },
6138 "v-range-slider/tick-labels": {
6139 "type": "array",
6140 "description": "When provided with Array<string>, will attempt to map the labels to each step in index order"
6141 },
6142 "v-range-slider/tick-size": {
6143 "type": "number|string",
6144 "description": "Controls the size of **ticks**"
6145 },
6146 "v-range-slider/ticks": {
6147 "type": "boolean|string",
6148 "description": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks."
6149 },
6150 "v-range-slider/track-color": {
6151 "type": "string",
6152 "description": "Sets the track's color"
6153 },
6154 "v-range-slider/track-fill-color": {
6155 "type": "string",
6156 "description": "Sets the track's fill color"
6157 },
6158 "v-range-slider/validate-on-blur": {
6159 "type": "boolean",
6160 "description": "Delays validation until blur event"
6161 },
6162 "v-range-slider/value": {
6163 "type": "any",
6164 "description": "The input's value"
6165 },
6166 "v-range-slider/vertical": {
6167 "type": "boolean",
6168 "description": "Changes slider direction to vertical"
6169 },
6170 "v-rating/background-color": {
6171 "type": "string",
6172 "description": "The color used empty icons"
6173 },
6174 "v-rating/clearable": {
6175 "type": "boolean",
6176 "description": "Allows for the component to be cleared. Triggers when the icon containing the current value is clicked."
6177 },
6178 "v-rating/close-delay": {
6179 "type": "number|string",
6180 "description": "Milliseconds to wait before closing component."
6181 },
6182 "v-rating/color": {
6183 "type": "string",
6184 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6185 },
6186 "v-rating/dark": {
6187 "type": "boolean",
6188 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6189 },
6190 "v-rating/dense": {
6191 "type": "boolean",
6192 "description": "Icons have a smaller size"
6193 },
6194 "v-rating/empty-icon": {
6195 "type": "string",
6196 "description": "The icon displayed when empty"
6197 },
6198 "v-rating/full-icon": {
6199 "type": "string",
6200 "description": "The icon displayed when full"
6201 },
6202 "v-rating/half-icon": {
6203 "type": "string",
6204 "description": "The icon displayed when half (requires **half-increments** prop)"
6205 },
6206 "v-rating/half-increments": {
6207 "type": "boolean",
6208 "description": "Allows the selection of half increments"
6209 },
6210 "v-rating/hover": {
6211 "type": "boolean",
6212 "description": "Provides visual feedback when hovering over icons"
6213 },
6214 "v-rating/icon-label": {
6215 "type": "string",
6216 "description": "The **aria-label** used for icons"
6217 },
6218 "v-rating/large": {
6219 "type": "boolean",
6220 "description": "Makes the component large."
6221 },
6222 "v-rating/length": {
6223 "type": "number|string",
6224 "description": "The amount of ratings to show"
6225 },
6226 "v-rating/light": {
6227 "type": "boolean",
6228 "description": "Applies the light theme variant to the component."
6229 },
6230 "v-rating/open-delay": {
6231 "type": "number|string",
6232 "description": "Milliseconds to wait before opening component."
6233 },
6234 "v-rating/readonly": {
6235 "type": "boolean",
6236 "description": "Removes all hover effects and pointer events"
6237 },
6238 "v-rating/ripple": {
6239 "type": "boolean|object",
6240 "description": "Applies the [v-ripple](/directives/ripple) directive."
6241 },
6242 "v-rating/size": {
6243 "type": "number|string",
6244 "description": "Sets the height and width of the component."
6245 },
6246 "v-rating/small": {
6247 "type": "boolean",
6248 "description": "Makes the component small."
6249 },
6250 "v-rating/value": {
6251 "type": "number",
6252 "description": "The rating value"
6253 },
6254 "v-rating/x-large": {
6255 "type": "boolean",
6256 "description": "Makes the component extra large."
6257 },
6258 "v-rating/x-small": {
6259 "type": "boolean",
6260 "description": "Makes the component extra small."
6261 },
6262 "v-responsive/aspect-ratio": {
6263 "type": "string|number",
6264 "description": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content."
6265 },
6266 "v-responsive/content-class": {
6267 "type": "string",
6268 "description": "Apply a custom class to the responsive content div."
6269 },
6270 "v-responsive/height": {
6271 "type": "number|string",
6272 "description": "Sets the height for the component."
6273 },
6274 "v-responsive/max-height": {
6275 "type": "number|string",
6276 "description": "Sets the maximum height for the component."
6277 },
6278 "v-responsive/max-width": {
6279 "type": "number|string",
6280 "description": "Sets the maximum width for the component."
6281 },
6282 "v-responsive/min-height": {
6283 "type": "number|string",
6284 "description": "Sets the minimum height for the component."
6285 },
6286 "v-responsive/min-width": {
6287 "type": "number|string",
6288 "description": "Sets the minimum width for the component."
6289 },
6290 "v-responsive/width": {
6291 "type": "number|string",
6292 "description": "Sets the width for the component."
6293 },
6294 "v-select/append-icon": {
6295 "type": "string",
6296 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
6297 },
6298 "v-select/append-outer-icon": {
6299 "type": "string",
6300 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
6301 },
6302 "v-select/attach": {
6303 "type": "any",
6304 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
6305 },
6306 "v-select/autofocus": {
6307 "type": "boolean",
6308 "description": "Enables autofocus"
6309 },
6310 "v-select/background-color": {
6311 "type": "string",
6312 "description": "Changes the background-color of the input"
6313 },
6314 "v-select/cache-items": {
6315 "type": "boolean",
6316 "description": "Keeps a local _unique_ copy of all items that have been passed through the **items** prop."
6317 },
6318 "v-select/chips": {
6319 "type": "boolean",
6320 "description": "Changes display of selections to chips"
6321 },
6322 "v-select/clear-icon": {
6323 "type": "string",
6324 "description": "Applied when using **clearable** and the input is dirty"
6325 },
6326 "v-select/clearable": {
6327 "type": "boolean",
6328 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
6329 },
6330 "v-select/color": {
6331 "type": "string",
6332 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6333 },
6334 "v-select/counter": {
6335 "type": "boolean|number|string",
6336 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
6337 },
6338 "v-select/counter-value": {
6339 "type": "function",
6340 "description": ""
6341 },
6342 "v-select/dark": {
6343 "type": "boolean",
6344 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6345 },
6346 "v-select/deletable-chips": {
6347 "type": "boolean",
6348 "description": "Adds a remove icon to selected chips"
6349 },
6350 "v-select/dense": {
6351 "type": "boolean",
6352 "description": "Reduces the input height"
6353 },
6354 "v-select/disable-lookup": {
6355 "type": "boolean",
6356 "description": "Disables keyboard lookup"
6357 },
6358 "v-select/disabled": {
6359 "type": "boolean",
6360 "description": "Disables the input"
6361 },
6362 "v-select/eager": {
6363 "type": "boolean",
6364 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
6365 },
6366 "v-select/error": {
6367 "type": "boolean",
6368 "description": "Puts the input in a manual error state"
6369 },
6370 "v-select/error-count": {
6371 "type": "number|string",
6372 "description": "The total number of errors that should display at once"
6373 },
6374 "v-select/error-messages": {
6375 "type": "string|array",
6376 "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"
6377 },
6378 "v-select/filled": {
6379 "type": "boolean",
6380 "description": "Applies the alternate filled input style"
6381 },
6382 "v-select/flat": {
6383 "type": "boolean",
6384 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
6385 },
6386 "v-select/full-width": {
6387 "type": "boolean",
6388 "description": "Designates input type as full-width"
6389 },
6390 "v-select/height": {
6391 "type": "number|string",
6392 "description": "Sets the height of the input"
6393 },
6394 "v-select/hide-details": {
6395 "type": "boolean|string",
6396 "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"
6397 },
6398 "v-select/hide-selected": {
6399 "type": "boolean",
6400 "description": "Do not display in the select menu items that are already selected"
6401 },
6402 "v-select/hint": {
6403 "type": "string",
6404 "description": "Hint text"
6405 },
6406 "v-select/id": {
6407 "type": "string",
6408 "description": "Sets the DOM id on the component"
6409 },
6410 "v-select/item-color": {
6411 "type": "string",
6412 "description": "Sets color of selected items"
6413 },
6414 "v-select/item-disabled": {
6415 "type": "string|array|function",
6416 "description": "Set property of **items**'s disabled value"
6417 },
6418 "v-select/item-text": {
6419 "type": "string|array|function",
6420 "description": "Set property of **items**'s text value"
6421 },
6422 "v-select/item-value": {
6423 "type": "string|array|function",
6424 "description": "Set property of **items**'s value - **must be primitive**. Dot notation is supported. **Note:** This is currently not supported with `v-combobox` [GitHub Issue](https://github.com/vuetifyjs/vuetify/issues/5479)"
6425 },
6426 "v-select/items": {
6427 "type": "array",
6428 "description": "Can be an array of objects or array of strings. When using objects, will look for a text, value and disabled keys. This can be changed using the **item-text**, **item-value** and **item-disabled** props. Objects that have a **header** or **divider** property are considered special cases and generate a list header or divider; these items are not selectable."
6429 },
6430 "v-select/label": {
6431 "type": "string",
6432 "description": "Sets input label"
6433 },
6434 "v-select/light": {
6435 "type": "boolean",
6436 "description": "Applies the light theme variant to the component."
6437 },
6438 "v-select/loader-height": {
6439 "type": "number|string",
6440 "description": "Specifies the height of the loader"
6441 },
6442 "v-select/loading": {
6443 "type": "boolean|string",
6444 "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"
6445 },
6446 "v-select/menu-props": {
6447 "type": "string|array|object",
6448 "description": "Pass props through to the `v-menu` component. Accepts either a string for boolean props `menu-props=\"auto, overflowY\"`, or an object `:menu-props=\"{ auto: true, overflowY: true }\"`"
6449 },
6450 "v-select/messages": {
6451 "type": "string|array",
6452 "description": "Displays a list of messages or message if using a string"
6453 },
6454 "v-select/multiple": {
6455 "type": "boolean",
6456 "description": "Changes select to multiple. Accepts array for value"
6457 },
6458 "v-select/no-data-text": {
6459 "type": "string",
6460 "description": "Display text when there is no data"
6461 },
6462 "v-select/open-on-clear": {
6463 "type": "boolean",
6464 "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state"
6465 },
6466 "v-select/outlined": {
6467 "type": "boolean",
6468 "description": "Applies the outlined style to the input"
6469 },
6470 "v-select/persistent-hint": {
6471 "type": "boolean",
6472 "description": "Forces hint to always be visible"
6473 },
6474 "v-select/persistent-placeholder": {
6475 "type": "boolean",
6476 "description": "Forces placeholder to always be visible"
6477 },
6478 "v-select/placeholder": {
6479 "type": "string",
6480 "description": "Sets the input's placeholder text"
6481 },
6482 "v-select/prefix": {
6483 "type": "string",
6484 "description": "Displays prefix text"
6485 },
6486 "v-select/prepend-icon": {
6487 "type": "string",
6488 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
6489 },
6490 "v-select/prepend-inner-icon": {
6491 "type": "string",
6492 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
6493 },
6494 "v-select/readonly": {
6495 "type": "boolean",
6496 "description": "Puts input in readonly state"
6497 },
6498 "v-select/return-object": {
6499 "type": "boolean",
6500 "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**"
6501 },
6502 "v-select/reverse": {
6503 "type": "boolean",
6504 "description": "Reverses the input orientation"
6505 },
6506 "v-select/rounded": {
6507 "type": "boolean",
6508 "description": "Adds a border radius to the input"
6509 },
6510 "v-select/rules": {
6511 "type": "array",
6512 "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`"
6513 },
6514 "v-select/shaped": {
6515 "type": "boolean",
6516 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
6517 },
6518 "v-select/single-line": {
6519 "type": "boolean",
6520 "description": "Label does not move on focus/dirty"
6521 },
6522 "v-select/small-chips": {
6523 "type": "boolean",
6524 "description": "Changes display of selections to chips with the **small** property"
6525 },
6526 "v-select/solo": {
6527 "type": "boolean",
6528 "description": "Changes the style of the input"
6529 },
6530 "v-select/solo-inverted": {
6531 "type": "boolean",
6532 "description": "Reduces element opacity until focused"
6533 },
6534 "v-select/success": {
6535 "type": "boolean",
6536 "description": "Puts the input in a manual success state"
6537 },
6538 "v-select/success-messages": {
6539 "type": "string|array",
6540 "description": "Puts the input in a success state and passes through custom success messages."
6541 },
6542 "v-select/suffix": {
6543 "type": "string",
6544 "description": "Displays suffix text"
6545 },
6546 "v-select/type": {
6547 "type": "string",
6548 "description": "Sets input type"
6549 },
6550 "v-select/validate-on-blur": {
6551 "type": "boolean",
6552 "description": "Delays validation until blur event"
6553 },
6554 "v-select/value": {
6555 "type": "any",
6556 "description": "The input's value"
6557 },
6558 "v-select/value-comparator": {
6559 "type": "function",
6560 "description": "The comparison algorithm used for values. [More info](https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts)"
6561 },
6562 "v-skeleton-loader/boilerplate": {
6563 "type": "boolean",
6564 "description": "Remove the loading animation from the skeleton"
6565 },
6566 "v-skeleton-loader/dark": {
6567 "type": "boolean",
6568 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6569 },
6570 "v-skeleton-loader/elevation": {
6571 "type": "number|string",
6572 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
6573 },
6574 "v-skeleton-loader/height": {
6575 "type": "number|string",
6576 "description": "Sets the height for the component."
6577 },
6578 "v-skeleton-loader/light": {
6579 "type": "boolean",
6580 "description": "Applies the light theme variant to the component."
6581 },
6582 "v-skeleton-loader/loading": {
6583 "type": "boolean",
6584 "description": "Applies a loading animation with a on-hover loading cursor. A value of **false** will only work when there is content in the `default` slot."
6585 },
6586 "v-skeleton-loader/max-height": {
6587 "type": "number|string",
6588 "description": "Sets the maximum height for the component."
6589 },
6590 "v-skeleton-loader/max-width": {
6591 "type": "number|string",
6592 "description": "Sets the maximum width for the component."
6593 },
6594 "v-skeleton-loader/min-height": {
6595 "type": "number|string",
6596 "description": "Sets the minimum height for the component."
6597 },
6598 "v-skeleton-loader/min-width": {
6599 "type": "number|string",
6600 "description": "Sets the minimum width for the component."
6601 },
6602 "v-skeleton-loader/tile": {
6603 "type": "boolean",
6604 "description": "Removes the component's border-radius"
6605 },
6606 "v-skeleton-loader/transition": {
6607 "type": "string",
6608 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
6609 },
6610 "v-skeleton-loader/type": {
6611 "type": "string",
6612 "description": "A string delimited list of skeleton components to create such as `type=\"text@3\"` or `type=\"card, list-item\"`. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as **article@3** and **paragraph@2** which will generate 3 _article_ skeletons and 2 _paragraph_ skeletons. Please see below for a list of available pre-defined options."
6613 },
6614 "v-skeleton-loader/types": {
6615 "type": "object",
6616 "description": "A custom types object that will be combined with the pre-defined options. For a list of available pre-defined options, see the **type** prop."
6617 },
6618 "v-skeleton-loader/width": {
6619 "type": "number|string",
6620 "description": "Sets the width for the component."
6621 },
6622 "v-slider/append-icon": {
6623 "type": "string",
6624 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
6625 },
6626 "v-slider/background-color": {
6627 "type": "string",
6628 "description": "Changes the background-color of the input"
6629 },
6630 "v-slider/color": {
6631 "type": "string",
6632 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6633 },
6634 "v-slider/dark": {
6635 "type": "boolean",
6636 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6637 },
6638 "v-slider/dense": {
6639 "type": "boolean",
6640 "description": "Reduces the input height"
6641 },
6642 "v-slider/disabled": {
6643 "type": "boolean",
6644 "description": "Disable the input"
6645 },
6646 "v-slider/error": {
6647 "type": "boolean",
6648 "description": "Puts the input in a manual error state"
6649 },
6650 "v-slider/error-count": {
6651 "type": "number|string",
6652 "description": "The total number of errors that should display at once"
6653 },
6654 "v-slider/error-messages": {
6655 "type": "string|array",
6656 "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"
6657 },
6658 "v-slider/height": {
6659 "type": "number|string",
6660 "description": "Sets the height of the input"
6661 },
6662 "v-slider/hide-details": {
6663 "type": "boolean|string",
6664 "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"
6665 },
6666 "v-slider/hint": {
6667 "type": "string",
6668 "description": "Hint text"
6669 },
6670 "v-slider/id": {
6671 "type": "string",
6672 "description": "Sets the DOM id on the component"
6673 },
6674 "v-slider/inverse-label": {
6675 "type": "boolean",
6676 "description": "Reverse the label position. Works with **rtl**."
6677 },
6678 "v-slider/label": {
6679 "type": "string",
6680 "description": "Sets input label"
6681 },
6682 "v-slider/light": {
6683 "type": "boolean",
6684 "description": "Applies the light theme variant to the component."
6685 },
6686 "v-slider/loader-height": {
6687 "type": "number|string",
6688 "description": "Specifies the height of the loader"
6689 },
6690 "v-slider/loading": {
6691 "type": "boolean|string",
6692 "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"
6693 },
6694 "v-slider/max": {
6695 "type": "number|string",
6696 "description": "Sets the maximum allowed value"
6697 },
6698 "v-slider/messages": {
6699 "type": "string|array",
6700 "description": "Displays a list of messages or message if using a string"
6701 },
6702 "v-slider/min": {
6703 "type": "number|string",
6704 "description": "Sets the minimum allowed value"
6705 },
6706 "v-slider/persistent-hint": {
6707 "type": "boolean",
6708 "description": "Forces hint to always be visible"
6709 },
6710 "v-slider/prepend-icon": {
6711 "type": "string",
6712 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
6713 },
6714 "v-slider/readonly": {
6715 "type": "boolean",
6716 "description": "Puts input in readonly state"
6717 },
6718 "v-slider/rules": {
6719 "type": "array",
6720 "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`"
6721 },
6722 "v-slider/step": {
6723 "type": "number|string",
6724 "description": "If greater than 0, sets step interval for ticks"
6725 },
6726 "v-slider/success": {
6727 "type": "boolean",
6728 "description": "Puts the input in a manual success state"
6729 },
6730 "v-slider/success-messages": {
6731 "type": "string|array",
6732 "description": "Puts the input in a success state and passes through custom success messages."
6733 },
6734 "v-slider/thumb-color": {
6735 "type": "string",
6736 "description": "Sets the thumb and thumb label color"
6737 },
6738 "v-slider/thumb-label": {
6739 "type": "boolean|string",
6740 "description": "Show thumb label. If `true` it shows label when using slider. If set to `'always'` it always shows label."
6741 },
6742 "v-slider/thumb-size": {
6743 "type": "number|string",
6744 "description": "Controls the size of the thumb label."
6745 },
6746 "v-slider/tick-labels": {
6747 "type": "array",
6748 "description": "When provided with Array<string>, will attempt to map the labels to each step in index order"
6749 },
6750 "v-slider/tick-size": {
6751 "type": "number|string",
6752 "description": "Controls the size of **ticks**"
6753 },
6754 "v-slider/ticks": {
6755 "type": "boolean|string",
6756 "description": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks."
6757 },
6758 "v-slider/track-color": {
6759 "type": "string",
6760 "description": "Sets the track's color"
6761 },
6762 "v-slider/track-fill-color": {
6763 "type": "string",
6764 "description": "Sets the track's fill color"
6765 },
6766 "v-slider/validate-on-blur": {
6767 "type": "boolean",
6768 "description": "Delays validation until blur event"
6769 },
6770 "v-slider/value": {
6771 "type": "any",
6772 "description": "The input's value"
6773 },
6774 "v-slider/vertical": {
6775 "type": "boolean",
6776 "description": "Changes slider direction to vertical"
6777 },
6778 "v-slide-group/active-class": {
6779 "type": "string",
6780 "description": "The **active-class** applied to children when they are activated."
6781 },
6782 "v-slide-group/center-active": {
6783 "type": "boolean",
6784 "description": "Forces the selected component to be centered"
6785 },
6786 "v-slide-group/dark": {
6787 "type": "boolean",
6788 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6789 },
6790 "v-slide-group/light": {
6791 "type": "boolean",
6792 "description": "Applies the light theme variant to the component."
6793 },
6794 "v-slide-group/mandatory": {
6795 "type": "boolean",
6796 "description": "Forces a value to always be selected (if available)."
6797 },
6798 "v-slide-group/max": {
6799 "type": "number|string",
6800 "description": "Sets a maximum number of selections that can be made."
6801 },
6802 "v-slide-group/mobile-breakpoint": {
6803 "type": "number|string",
6804 "description": "Sets the designated mobile breakpoint for the component."
6805 },
6806 "v-slide-group/multiple": {
6807 "type": "boolean",
6808 "description": "Allow multiple selections. The **value** prop must be an _array_."
6809 },
6810 "v-slide-group/next-icon": {
6811 "type": "string",
6812 "description": "The appended slot when arrows are shown"
6813 },
6814 "v-slide-group/prev-icon": {
6815 "type": "string",
6816 "description": "The prepended slot when arrows are shown"
6817 },
6818 "v-slide-group/show-arrows": {
6819 "type": "boolean|string",
6820 "description": "Change when the overflow arrow indicators are shown. By **default**, arrows *always* display on Desktop when the container is overflowing. When the container overflows on mobile, arrows are not shown by default. A **show-arrows** value of `true` allows these arrows to show on Mobile if the container overflowing. A value of `desktop` *always* displays arrows on Desktop while a value of `mobile` always displays arrows on Mobile. A value of `always` always displays arrows on Desktop *and* Mobile. Find more information on how to customize breakpoint thresholds on the [breakpoints page](/customizing/breakpoints)."
6821 },
6822 "v-slide-group/tag": {
6823 "type": "string",
6824 "description": "Specify a custom tag used on the root element."
6825 },
6826 "v-slide-group/value": {
6827 "type": "any",
6828 "description": "The designated model value for the component."
6829 },
6830 "v-slide-item/active-class": {
6831 "type": "string",
6832 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
6833 },
6834 "v-slide-item/disabled": {
6835 "type": "boolean",
6836 "description": "Removes the ability to click or target the component."
6837 },
6838 "v-slide-item/value": {
6839 "type": "any",
6840 "description": "The value used when the component is selected in a group. If not provided, the index will be used."
6841 },
6842 "v-snackbar/absolute": {
6843 "type": "boolean",
6844 "description": "Applies **position: absolute** to the component."
6845 },
6846 "v-snackbar/app": {
6847 "type": "boolean",
6848 "description": "Respects boundaries of—and will not overlap with—other `app` components like `v-app-bar`, `v-navigation-drawer`, and `v-footer`."
6849 },
6850 "v-snackbar/bottom": {
6851 "type": "boolean",
6852 "description": "Aligns the component towards the bottom."
6853 },
6854 "v-snackbar/centered": {
6855 "type": "boolean",
6856 "description": "Positions the snackbar in the center of the screen, (x and y axis)."
6857 },
6858 "v-snackbar/color": {
6859 "type": "string",
6860 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6861 },
6862 "v-snackbar/content-class": {
6863 "type": "string",
6864 "description": "Apply a custom class to the snackbar content"
6865 },
6866 "v-snackbar/dark": {
6867 "type": "boolean",
6868 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
6869 },
6870 "v-snackbar/elevation": {
6871 "type": "number|string",
6872 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
6873 },
6874 "v-snackbar/height": {
6875 "type": "number|string",
6876 "description": "Sets the height for the component."
6877 },
6878 "v-snackbar/left": {
6879 "type": "boolean",
6880 "description": "Aligns the component towards the left."
6881 },
6882 "v-snackbar/light": {
6883 "type": "boolean",
6884 "description": "Applies the light theme variant to the component."
6885 },
6886 "v-snackbar/max-height": {
6887 "type": "number|string",
6888 "description": "Sets the maximum height for the component."
6889 },
6890 "v-snackbar/max-width": {
6891 "type": "number|string",
6892 "description": "Sets the maximum width for the component."
6893 },
6894 "v-snackbar/min-height": {
6895 "type": "number|string",
6896 "description": "Sets the minimum height for the component."
6897 },
6898 "v-snackbar/min-width": {
6899 "type": "number|string",
6900 "description": "Sets the minimum width for the component."
6901 },
6902 "v-snackbar/multi-line": {
6903 "type": "boolean",
6904 "description": "Gives the snackbar a larger minimum height."
6905 },
6906 "v-snackbar/outlined": {
6907 "type": "boolean",
6908 "description": "Removes elevation (box-shadow) and adds a *thin* border."
6909 },
6910 "v-snackbar/right": {
6911 "type": "boolean",
6912 "description": "Aligns the component towards the right."
6913 },
6914 "v-snackbar/rounded": {
6915 "type": "boolean|string",
6916 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
6917 },
6918 "v-snackbar/shaped": {
6919 "type": "boolean",
6920 "description": "Applies a large border radius on the top left and bottom right of the card."
6921 },
6922 "v-snackbar/tag": {
6923 "type": "string",
6924 "description": "Specify a custom tag used on the root element."
6925 },
6926 "v-snackbar/text": {
6927 "type": "boolean",
6928 "description": "Applies the defined **color** to text and a low opacity background of the same."
6929 },
6930 "v-snackbar/tile": {
6931 "type": "boolean",
6932 "description": "Removes the component's **border-radius**."
6933 },
6934 "v-snackbar/timeout": {
6935 "type": "number|string",
6936 "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use `-1` to keep open indefinitely (`0` in version < 2.3 ). It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the timeout."
6937 },
6938 "v-snackbar/top": {
6939 "type": "boolean",
6940 "description": "Aligns the content towards the top."
6941 },
6942 "v-snackbar/transition": {
6943 "type": "boolean|string",
6944 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
6945 },
6946 "v-snackbar/value": {
6947 "type": "any",
6948 "description": "Controls whether the component is visible or hidden."
6949 },
6950 "v-snackbar/vertical": {
6951 "type": "boolean",
6952 "description": "Stacks snackbar content on top of the actions (button)."
6953 },
6954 "v-snackbar/width": {
6955 "type": "number|string",
6956 "description": "Sets the width for the component."
6957 },
6958 "v-sparkline/auto-draw": {
6959 "type": "boolean",
6960 "description": "Trace the length of the line when first rendered"
6961 },
6962 "v-sparkline/auto-draw-duration": {
6963 "type": "number",
6964 "description": "Amount of time (in ms) to run the trace animation"
6965 },
6966 "v-sparkline/auto-draw-easing": {
6967 "type": "string",
6968 "description": "The easing function to use for the trace animation"
6969 },
6970 "v-sparkline/auto-line-width": {
6971 "type": "boolean",
6972 "description": "Automatically expand bars to use space efficiently"
6973 },
6974 "v-sparkline/color": {
6975 "type": "string",
6976 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
6977 },
6978 "v-sparkline/fill": {
6979 "type": "boolean",
6980 "description": "Using the **fill** property allows you to better customize the look and feel of your sparkline."
6981 },
6982 "v-sparkline/gradient": {
6983 "type": "array",
6984 "description": "An array of colors to use as a linear-gradient"
6985 },
6986 "v-sparkline/gradient-direction": {
6987 "type": "string",
6988 "description": "The direction the gradient should run"
6989 },
6990 "v-sparkline/height": {
6991 "type": "string|number",
6992 "description": "Height of the SVG trendline or bars"
6993 },
6994 "v-sparkline/label-size": {
6995 "type": "number|string",
6996 "description": "The label font size"
6997 },
6998 "v-sparkline/labels": {
6999 "type": "array",
7000 "description": "An array of string labels that correspond to the same index as its data counterpart"
7001 },
7002 "v-sparkline/line-width": {
7003 "type": "string|number",
7004 "description": "The thickness of the line, in px"
7005 },
7006 "v-sparkline/padding": {
7007 "type": "string|number",
7008 "description": "Low `smooth` or high `line-width` values may result in cropping, increase padding to compensate"
7009 },
7010 "v-sparkline/show-labels": {
7011 "type": "boolean",
7012 "description": "Show labels below each data point"
7013 },
7014 "v-sparkline/smooth": {
7015 "type": "boolean|number|string",
7016 "description": "Number of px to use as a corner radius. `true` defaults to 8, `false` is 0"
7017 },
7018 "v-sparkline/type": {
7019 "type": "string",
7020 "description": "Choose between a trendline or bars"
7021 },
7022 "v-sparkline/value": {
7023 "type": "array",
7024 "description": "An array of numbers."
7025 },
7026 "v-sparkline/width": {
7027 "type": "number|string",
7028 "description": "Width of the SVG trendline or bars"
7029 },
7030 "v-speed-dial/absolute": {
7031 "type": "boolean",
7032 "description": "Applies **position: absolute** to the component."
7033 },
7034 "v-speed-dial/bottom": {
7035 "type": "boolean",
7036 "description": "Aligns the component towards the bottom."
7037 },
7038 "v-speed-dial/direction": {
7039 "type": "string",
7040 "description": "Direction in which speed-dial content will show. Possible values are `top`, `bottom`, `left`, `right`."
7041 },
7042 "v-speed-dial/fixed": {
7043 "type": "boolean",
7044 "description": "Applies **position: fixed** to the component."
7045 },
7046 "v-speed-dial/left": {
7047 "type": "boolean",
7048 "description": "Aligns the component towards the left."
7049 },
7050 "v-speed-dial/mode": {
7051 "type": "string",
7052 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
7053 },
7054 "v-speed-dial/open-on-hover": {
7055 "type": "boolean",
7056 "description": "Opens speed-dial on hover"
7057 },
7058 "v-speed-dial/origin": {
7059 "type": "string",
7060 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
7061 },
7062 "v-speed-dial/right": {
7063 "type": "boolean",
7064 "description": "Aligns the component towards the right."
7065 },
7066 "v-speed-dial/top": {
7067 "type": "boolean",
7068 "description": "Aligns the content towards the top."
7069 },
7070 "v-speed-dial/transition": {
7071 "type": "string",
7072 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
7073 },
7074 "v-speed-dial/value": {
7075 "type": "any",
7076 "description": "Controls whether the component is visible or hidden."
7077 },
7078 "v-stepper/alt-labels": {
7079 "type": "boolean",
7080 "description": "Places the labels beneath the step"
7081 },
7082 "v-stepper/color": {
7083 "type": "string",
7084 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7085 },
7086 "v-stepper/dark": {
7087 "type": "boolean",
7088 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7089 },
7090 "v-stepper/elevation": {
7091 "type": "number|string",
7092 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
7093 },
7094 "v-stepper/flat": {
7095 "type": "boolean",
7096 "description": "Removes the stepper's elevation."
7097 },
7098 "v-stepper/height": {
7099 "type": "number|string",
7100 "description": "Sets the height for the component."
7101 },
7102 "v-stepper/light": {
7103 "type": "boolean",
7104 "description": "Applies the light theme variant to the component."
7105 },
7106 "v-stepper/max-height": {
7107 "type": "number|string",
7108 "description": "Sets the maximum height for the component."
7109 },
7110 "v-stepper/max-width": {
7111 "type": "number|string",
7112 "description": "Sets the maximum width for the component."
7113 },
7114 "v-stepper/min-height": {
7115 "type": "number|string",
7116 "description": "Sets the minimum height for the component."
7117 },
7118 "v-stepper/min-width": {
7119 "type": "number|string",
7120 "description": "Sets the minimum width for the component."
7121 },
7122 "v-stepper/non-linear": {
7123 "type": "boolean",
7124 "description": "Allow user to jump to any step"
7125 },
7126 "v-stepper/outlined": {
7127 "type": "boolean",
7128 "description": "Removes elevation (box-shadow) and adds a *thin* border."
7129 },
7130 "v-stepper/rounded": {
7131 "type": "boolean|string",
7132 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
7133 },
7134 "v-stepper/shaped": {
7135 "type": "boolean",
7136 "description": "Applies a large border radius on the top left and bottom right of the card."
7137 },
7138 "v-stepper/tag": {
7139 "type": "string",
7140 "description": "Specify a custom tag used on the root element."
7141 },
7142 "v-stepper/tile": {
7143 "type": "boolean",
7144 "description": "Removes the component's **border-radius**."
7145 },
7146 "v-stepper/value": {
7147 "type": "any",
7148 "description": "The designated model value for the component."
7149 },
7150 "v-stepper/vertical": {
7151 "type": "boolean",
7152 "description": "Display steps vertically"
7153 },
7154 "v-stepper/width": {
7155 "type": "number|string",
7156 "description": "Sets the width for the component."
7157 },
7158 "v-stepper-content/step": {
7159 "type": "number|string",
7160 "description": "Sets step to associate the content to"
7161 },
7162 "v-stepper-step/color": {
7163 "type": "string",
7164 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7165 },
7166 "v-stepper-step/complete": {
7167 "type": "boolean",
7168 "description": "Marks step as complete"
7169 },
7170 "v-stepper-step/complete-icon": {
7171 "type": "string",
7172 "description": "Icon to display when step is marked as completed"
7173 },
7174 "v-stepper-step/edit-icon": {
7175 "type": "string",
7176 "description": "Icon to display when step is editable"
7177 },
7178 "v-stepper-step/editable": {
7179 "type": "boolean",
7180 "description": "Marks step as editable"
7181 },
7182 "v-stepper-step/error-icon": {
7183 "type": "string",
7184 "description": "Icon to display when step has an error"
7185 },
7186 "v-stepper-step/rules": {
7187 "type": "array",
7188 "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`"
7189 },
7190 "v-stepper-step/step": {
7191 "type": "number|string",
7192 "description": "Content to display inside step circle"
7193 },
7194 "v-subheader/dark": {
7195 "type": "boolean",
7196 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7197 },
7198 "v-subheader/inset": {
7199 "type": "boolean",
7200 "description": "Adds indentation (72px)"
7201 },
7202 "v-subheader/light": {
7203 "type": "boolean",
7204 "description": "Applies the light theme variant to the component."
7205 },
7206 "v-switch/append-icon": {
7207 "type": "string",
7208 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
7209 },
7210 "v-switch/background-color": {
7211 "type": "string",
7212 "description": "Changes the background-color of the input"
7213 },
7214 "v-switch/color": {
7215 "type": "string",
7216 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7217 },
7218 "v-switch/dark": {
7219 "type": "boolean",
7220 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7221 },
7222 "v-switch/dense": {
7223 "type": "boolean",
7224 "description": "Reduces the input height"
7225 },
7226 "v-switch/disabled": {
7227 "type": "boolean",
7228 "description": "Disable the input"
7229 },
7230 "v-switch/error": {
7231 "type": "boolean",
7232 "description": "Puts the input in a manual error state"
7233 },
7234 "v-switch/error-count": {
7235 "type": "number|string",
7236 "description": "The total number of errors that should display at once"
7237 },
7238 "v-switch/error-messages": {
7239 "type": "string|array",
7240 "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"
7241 },
7242 "v-switch/false-value": {
7243 "type": "any",
7244 "description": "Sets value for falsy state"
7245 },
7246 "v-switch/flat": {
7247 "type": "boolean",
7248 "description": "Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it"
7249 },
7250 "v-switch/hide-details": {
7251 "type": "boolean|string",
7252 "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"
7253 },
7254 "v-switch/hint": {
7255 "type": "string",
7256 "description": "Hint text"
7257 },
7258 "v-switch/id": {
7259 "type": "string",
7260 "description": "Sets the DOM id on the component"
7261 },
7262 "v-switch/input-value": {
7263 "type": "any",
7264 "description": "The **v-model** bound value"
7265 },
7266 "v-switch/inset": {
7267 "type": "boolean",
7268 "description": "Enlarge the `v-switch` track to encompass the thumb"
7269 },
7270 "v-switch/label": {
7271 "type": "string",
7272 "description": "Sets input label"
7273 },
7274 "v-switch/light": {
7275 "type": "boolean",
7276 "description": "Applies the light theme variant to the component."
7277 },
7278 "v-switch/loading": {
7279 "type": "boolean|string",
7280 "description": "Displays circular progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it's supported by the component) or the primary color"
7281 },
7282 "v-switch/messages": {
7283 "type": "string|array",
7284 "description": "Displays a list of messages or message if using a string"
7285 },
7286 "v-switch/multiple": {
7287 "type": "boolean",
7288 "description": "Changes expected model to an array"
7289 },
7290 "v-switch/persistent-hint": {
7291 "type": "boolean",
7292 "description": "Forces hint to always be visible"
7293 },
7294 "v-switch/prepend-icon": {
7295 "type": "string",
7296 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
7297 },
7298 "v-switch/readonly": {
7299 "type": "boolean",
7300 "description": "Puts input in readonly state"
7301 },
7302 "v-switch/ripple": {
7303 "type": "boolean|object",
7304 "description": "Applies the [v-ripple](/directives/ripple) directive."
7305 },
7306 "v-switch/rules": {
7307 "type": "array",
7308 "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`"
7309 },
7310 "v-switch/success": {
7311 "type": "boolean",
7312 "description": "Puts the input in a manual success state"
7313 },
7314 "v-switch/success-messages": {
7315 "type": "string|array",
7316 "description": "Puts the input in a success state and passes through custom success messages."
7317 },
7318 "v-switch/true-value": {
7319 "type": "any",
7320 "description": "Sets value for truthy state"
7321 },
7322 "v-switch/validate-on-blur": {
7323 "type": "boolean",
7324 "description": "Delays validation until blur event"
7325 },
7326 "v-switch/value": {
7327 "type": "any",
7328 "description": "The input's value"
7329 },
7330 "v-switch/value-comparator": {
7331 "type": "function",
7332 "description": "Apply a custom value comparator function"
7333 },
7334 "v-system-bar/absolute": {
7335 "type": "boolean",
7336 "description": "Applies **position: absolute** to the component."
7337 },
7338 "v-system-bar/app": {
7339 "type": "boolean",
7340 "description": "Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside **outside** of `v-main` component to function properly. You can find more information about layouts on the [application page](/components/application). **Note:** this prop automatically applies **position: fixed** to the layout element. You can overwrite this functionality by using the `absolute` prop"
7341 },
7342 "v-system-bar/color": {
7343 "type": "string",
7344 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7345 },
7346 "v-system-bar/dark": {
7347 "type": "boolean",
7348 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7349 },
7350 "v-system-bar/fixed": {
7351 "type": "boolean",
7352 "description": "Applies **position: fixed** to the component."
7353 },
7354 "v-system-bar/height": {
7355 "type": "number|string",
7356 "description": "Sets the height for the component."
7357 },
7358 "v-system-bar/light": {
7359 "type": "boolean",
7360 "description": "Applies the light theme variant to the component."
7361 },
7362 "v-system-bar/lights-out": {
7363 "type": "boolean",
7364 "description": "Reduces the system bar opacity."
7365 },
7366 "v-system-bar/window": {
7367 "type": "boolean",
7368 "description": "Increases the system bar height to 32px (24px default)."
7369 },
7370 "v-tabs/active-class": {
7371 "type": "string",
7372 "description": "The **active-class** applied to children when they are activated."
7373 },
7374 "v-tabs/align-with-title": {
7375 "type": "boolean",
7376 "description": "Make `v-tabs` lined up with the toolbar title"
7377 },
7378 "v-tabs/background-color": {
7379 "type": "string",
7380 "description": "Changes the background color of the component."
7381 },
7382 "v-tabs/center-active": {
7383 "type": "boolean",
7384 "description": "Forces the selected tab to be centered"
7385 },
7386 "v-tabs/centered": {
7387 "type": "boolean",
7388 "description": "Centers the tabs"
7389 },
7390 "v-tabs/color": {
7391 "type": "string",
7392 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7393 },
7394 "v-tabs/dark": {
7395 "type": "boolean",
7396 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7397 },
7398 "v-tabs/fixed-tabs": {
7399 "type": "boolean",
7400 "description": "`v-tabs-item` min-width 160px, max-width 360px"
7401 },
7402 "v-tabs/grow": {
7403 "type": "boolean",
7404 "description": "Force `v-tab`'s to take up all available space"
7405 },
7406 "v-tabs/height": {
7407 "type": "number|string",
7408 "description": "Sets the height of the tabs bar"
7409 },
7410 "v-tabs/hide-slider": {
7411 "type": "boolean",
7412 "description": "Hide's the generated `v-tabs-slider`"
7413 },
7414 "v-tabs/icons-and-text": {
7415 "type": "boolean",
7416 "description": "Will stack icon and text vertically"
7417 },
7418 "v-tabs/light": {
7419 "type": "boolean",
7420 "description": "Applies the light theme variant to the component."
7421 },
7422 "v-tabs/mobile-breakpoint": {
7423 "type": "string|number",
7424 "description": "Sets the designated mobile breakpoint for the component."
7425 },
7426 "v-tabs/next-icon": {
7427 "type": "string",
7428 "description": "Right pagination icon"
7429 },
7430 "v-tabs/optional": {
7431 "type": "boolean",
7432 "description": "Does not require an active item. Useful when using `v-tab` as a `router-link`"
7433 },
7434 "v-tabs/prev-icon": {
7435 "type": "string",
7436 "description": "Left pagination icon"
7437 },
7438 "v-tabs/right": {
7439 "type": "boolean",
7440 "description": "Aligns tabs to the right"
7441 },
7442 "v-tabs/show-arrows": {
7443 "type": "boolean|string",
7444 "description": "Show pagination arrows if the tab items overflow their container. For mobile devices, arrows will only display when using this prop."
7445 },
7446 "v-tabs/slider-color": {
7447 "type": "string",
7448 "description": "Changes the background color of an auto-generated `v-tabs-slider`"
7449 },
7450 "v-tabs/slider-size": {
7451 "type": "number|string",
7452 "description": "Changes the size of the slider, **height** for horizontal, **width** for vertical."
7453 },
7454 "v-tabs/value": {
7455 "type": "any",
7456 "description": "The designated model value for the component."
7457 },
7458 "v-tabs/vertical": {
7459 "type": "boolean",
7460 "description": "Stacks tabs on top of each other vertically."
7461 },
7462 "v-tab/active-class": {
7463 "type": "string",
7464 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
7465 },
7466 "v-tab/append": {
7467 "type": "boolean",
7468 "description": "Setting **append** prop always appends the relative path to the current path. You can find more information about the [**append** prop](https://router.vuejs.org/api/#append) on the vue-router documentation."
7469 },
7470 "v-tab/dark": {
7471 "type": "boolean",
7472 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7473 },
7474 "v-tab/disabled": {
7475 "type": "boolean",
7476 "description": "Removes the ability to click or target the component."
7477 },
7478 "v-tab/exact": {
7479 "type": "boolean",
7480 "description": "Exactly match the link. Without this, '/' will match every route. You can find more information about the [**exact** prop](https://router.vuejs.org/api/#exact) on the vue-router documentation."
7481 },
7482 "v-tab/exact-active-class": {
7483 "type": "string",
7484 "description": "Configure the active CSS class applied when the link is active with exact match. You can find more information about the [**exact-active-class** prop](https://router.vuejs.org/api/#exact-active-class) on the vue-router documentation."
7485 },
7486 "v-tab/exact-path": {
7487 "type": "boolean",
7488 "description": "Exactly match the link, ignoring the `query` and the `hash` sections. You can find more information about the [**exact-path** prop](https://router.vuejs.org/api/#exact-path) on the vue-router documentation."
7489 },
7490 "v-tab/href": {
7491 "type": "string|object",
7492 "description": "Designates the component as anchor and applies the **href** attribute."
7493 },
7494 "v-tab/light": {
7495 "type": "boolean",
7496 "description": "Applies the light theme variant to the component."
7497 },
7498 "v-tab/link": {
7499 "type": "boolean",
7500 "description": "Designates that the component is a link. This is automatic when using the **href** or **to** prop."
7501 },
7502 "v-tab/nuxt": {
7503 "type": "boolean",
7504 "description": "Specifies the link is a `nuxt-link`. For use with the [nuxt framework](https://nuxtjs.org/api/components-nuxt-link/)."
7505 },
7506 "v-tab/replace": {
7507 "type": "boolean",
7508 "description": "Setting **replace** prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record. You can find more information about the [**replace** prop](https://router.vuejs.org/api/#replace) on the vue-router documentation."
7509 },
7510 "v-tab/ripple": {
7511 "type": "boolean|object",
7512 "description": "Applies the [v-ripple](/directives/ripple) directive."
7513 },
7514 "v-tab/tag": {
7515 "type": "string",
7516 "description": "Specify a custom tag used on the root element."
7517 },
7518 "v-tab/target": {
7519 "type": "string",
7520 "description": "Designates the target attribute. This should only be applied when using the **href** prop."
7521 },
7522 "v-tab/to": {
7523 "type": "string|object",
7524 "description": "Denotes the target route of the link. You can find more information about the [**to** prop](https://router.vuejs.org/api/#to) on the vue-router documentation."
7525 },
7526 "v-tab-item/active-class": {
7527 "type": "string",
7528 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
7529 },
7530 "v-tab-item/disabled": {
7531 "type": "boolean",
7532 "description": "Removes the ability to click or target the component."
7533 },
7534 "v-tab-item/eager": {
7535 "type": "boolean",
7536 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
7537 },
7538 "v-tab-item/id": {
7539 "type": "string",
7540 "description": "Sets the DOM id on the component"
7541 },
7542 "v-tab-item/reverse-transition": {
7543 "type": "boolean|string",
7544 "description": "Sets the reverse transition"
7545 },
7546 "v-tab-item/transition": {
7547 "type": "boolean|string",
7548 "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own."
7549 },
7550 "v-tab-item/value": {
7551 "type": "any",
7552 "description": "Sets the value of the tab. If not provided, the index will be used."
7553 },
7554 "v-tabs-items/active-class": {
7555 "type": "string",
7556 "description": "The **active-class** applied to children when they are activated."
7557 },
7558 "v-tabs-items/continuous": {
7559 "type": "boolean",
7560 "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last"
7561 },
7562 "v-tabs-items/dark": {
7563 "type": "boolean",
7564 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7565 },
7566 "v-tabs-items/light": {
7567 "type": "boolean",
7568 "description": "Applies the light theme variant to the component."
7569 },
7570 "v-tabs-items/mandatory": {
7571 "type": "boolean",
7572 "description": "Forces a value to always be selected (if available)."
7573 },
7574 "v-tabs-items/max": {
7575 "type": "number|string",
7576 "description": "Sets a maximum number of selections that can be made."
7577 },
7578 "v-tabs-items/multiple": {
7579 "type": "boolean",
7580 "description": "Allow multiple selections. The **value** prop must be an _array_."
7581 },
7582 "v-tabs-items/next-icon": {
7583 "type": "boolean|string",
7584 "description": "Icon used for the \"next\" button if `show-arrows` is `true`"
7585 },
7586 "v-tabs-items/prev-icon": {
7587 "type": "boolean|string",
7588 "description": "Icon used for the \"prev\" button if `show-arrows` is `true`"
7589 },
7590 "v-tabs-items/reverse": {
7591 "type": "boolean",
7592 "description": "Reverse the normal transition direction."
7593 },
7594 "v-tabs-items/show-arrows": {
7595 "type": "boolean",
7596 "description": "Display the \"next\" and \"prev\" buttons"
7597 },
7598 "v-tabs-items/show-arrows-on-hover": {
7599 "type": "boolean",
7600 "description": "Display the \"next\" and \"prev\" buttons on hover. `show-arrows` MUST ALSO be set."
7601 },
7602 "v-tabs-items/tag": {
7603 "type": "string",
7604 "description": "Specify a custom tag used on the root element."
7605 },
7606 "v-tabs-items/touch": {
7607 "type": "object",
7608 "description": "Provide a custom **left** and **right** function when swiped left or right."
7609 },
7610 "v-tabs-items/touchless": {
7611 "type": "boolean",
7612 "description": "Disable touch support."
7613 },
7614 "v-tabs-items/value": {
7615 "type": "any",
7616 "description": "The designated model value for the component."
7617 },
7618 "v-tabs-items/vertical": {
7619 "type": "boolean",
7620 "description": "Uses a vertical transition when changing windows."
7621 },
7622 "v-tabs-slider/color": {
7623 "type": "string",
7624 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7625 },
7626 "v-textarea/append-icon": {
7627 "type": "string",
7628 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
7629 },
7630 "v-textarea/append-outer-icon": {
7631 "type": "string",
7632 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
7633 },
7634 "v-textarea/auto-grow": {
7635 "type": "boolean",
7636 "description": "Automatically grow the textarea depending on amount of text"
7637 },
7638 "v-textarea/autofocus": {
7639 "type": "boolean",
7640 "description": "Enables autofocus"
7641 },
7642 "v-textarea/background-color": {
7643 "type": "string",
7644 "description": "Changes the background-color of the input"
7645 },
7646 "v-textarea/clear-icon": {
7647 "type": "string",
7648 "description": "Applied when using **clearable** and the input is dirty"
7649 },
7650 "v-textarea/clearable": {
7651 "type": "boolean",
7652 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
7653 },
7654 "v-textarea/color": {
7655 "type": "string",
7656 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7657 },
7658 "v-textarea/counter": {
7659 "type": "boolean|number|string",
7660 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
7661 },
7662 "v-textarea/counter-value": {
7663 "type": "function",
7664 "description": ""
7665 },
7666 "v-textarea/dark": {
7667 "type": "boolean",
7668 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7669 },
7670 "v-textarea/dense": {
7671 "type": "boolean",
7672 "description": "Reduces the input height"
7673 },
7674 "v-textarea/disabled": {
7675 "type": "boolean",
7676 "description": "Disable the input"
7677 },
7678 "v-textarea/error": {
7679 "type": "boolean",
7680 "description": "Puts the input in a manual error state"
7681 },
7682 "v-textarea/error-count": {
7683 "type": "number|string",
7684 "description": "The total number of errors that should display at once"
7685 },
7686 "v-textarea/error-messages": {
7687 "type": "string|array",
7688 "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"
7689 },
7690 "v-textarea/filled": {
7691 "type": "boolean",
7692 "description": "Applies the alternate filled input style"
7693 },
7694 "v-textarea/flat": {
7695 "type": "boolean",
7696 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
7697 },
7698 "v-textarea/full-width": {
7699 "type": "boolean",
7700 "description": "Designates input type as full-width"
7701 },
7702 "v-textarea/height": {
7703 "type": "number|string",
7704 "description": "Sets the height of the input"
7705 },
7706 "v-textarea/hide-details": {
7707 "type": "boolean|string",
7708 "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"
7709 },
7710 "v-textarea/hint": {
7711 "type": "string",
7712 "description": "Hint text"
7713 },
7714 "v-textarea/id": {
7715 "type": "string",
7716 "description": "Sets the DOM id on the component"
7717 },
7718 "v-textarea/label": {
7719 "type": "string",
7720 "description": "Sets input label"
7721 },
7722 "v-textarea/light": {
7723 "type": "boolean",
7724 "description": "Applies the light theme variant to the component."
7725 },
7726 "v-textarea/loader-height": {
7727 "type": "number|string",
7728 "description": "Specifies the height of the loader"
7729 },
7730 "v-textarea/loading": {
7731 "type": "boolean|string",
7732 "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"
7733 },
7734 "v-textarea/messages": {
7735 "type": "string|array",
7736 "description": "Displays a list of messages or message if using a string"
7737 },
7738 "v-textarea/no-resize": {
7739 "type": "boolean",
7740 "description": "Remove resize handle"
7741 },
7742 "v-textarea/outlined": {
7743 "type": "boolean",
7744 "description": "Applies the outlined style to the input"
7745 },
7746 "v-textarea/persistent-hint": {
7747 "type": "boolean",
7748 "description": "Forces hint to always be visible"
7749 },
7750 "v-textarea/persistent-placeholder": {
7751 "type": "boolean",
7752 "description": "Forces placeholder to always be visible"
7753 },
7754 "v-textarea/placeholder": {
7755 "type": "string",
7756 "description": "Sets the input's placeholder text"
7757 },
7758 "v-textarea/prefix": {
7759 "type": "string",
7760 "description": "Displays prefix text"
7761 },
7762 "v-textarea/prepend-icon": {
7763 "type": "string",
7764 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
7765 },
7766 "v-textarea/prepend-inner-icon": {
7767 "type": "string",
7768 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
7769 },
7770 "v-textarea/readonly": {
7771 "type": "boolean",
7772 "description": "Puts input in readonly state"
7773 },
7774 "v-textarea/reverse": {
7775 "type": "boolean",
7776 "description": "Reverses the input orientation"
7777 },
7778 "v-textarea/rounded": {
7779 "type": "boolean",
7780 "description": "Adds a border radius to the input"
7781 },
7782 "v-textarea/row-height": {
7783 "type": "number|string",
7784 "description": "Height value for each row. Requires the use of the **auto-grow** prop."
7785 },
7786 "v-textarea/rows": {
7787 "type": "number|string",
7788 "description": "Default row count"
7789 },
7790 "v-textarea/rules": {
7791 "type": "array",
7792 "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`"
7793 },
7794 "v-textarea/shaped": {
7795 "type": "boolean",
7796 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
7797 },
7798 "v-textarea/single-line": {
7799 "type": "boolean",
7800 "description": "Label does not move on focus/dirty"
7801 },
7802 "v-textarea/solo": {
7803 "type": "boolean",
7804 "description": "Changes the style of the input"
7805 },
7806 "v-textarea/solo-inverted": {
7807 "type": "boolean",
7808 "description": "Reduces element opacity until focused"
7809 },
7810 "v-textarea/success": {
7811 "type": "boolean",
7812 "description": "Puts the input in a manual success state"
7813 },
7814 "v-textarea/success-messages": {
7815 "type": "string|array",
7816 "description": "Puts the input in a success state and passes through custom success messages."
7817 },
7818 "v-textarea/suffix": {
7819 "type": "string",
7820 "description": "Displays suffix text"
7821 },
7822 "v-textarea/type": {
7823 "type": "string",
7824 "description": "Sets input type"
7825 },
7826 "v-textarea/validate-on-blur": {
7827 "type": "boolean",
7828 "description": "Delays validation until blur event"
7829 },
7830 "v-textarea/value": {
7831 "type": "any",
7832 "description": "The input's value"
7833 },
7834 "v-text-field/append-icon": {
7835 "type": "string",
7836 "description": "Appends an icon to the component, uses the same syntax as `v-icon`"
7837 },
7838 "v-text-field/append-outer-icon": {
7839 "type": "string",
7840 "description": "Appends an icon to the outside the component's input, uses same syntax as `v-icon`"
7841 },
7842 "v-text-field/autofocus": {
7843 "type": "boolean",
7844 "description": "Enables autofocus"
7845 },
7846 "v-text-field/background-color": {
7847 "type": "string",
7848 "description": "Changes the background-color of the input"
7849 },
7850 "v-text-field/clear-icon": {
7851 "type": "string",
7852 "description": "Applied when using **clearable** and the input is dirty"
7853 },
7854 "v-text-field/clearable": {
7855 "type": "boolean",
7856 "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**"
7857 },
7858 "v-text-field/color": {
7859 "type": "string",
7860 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
7861 },
7862 "v-text-field/counter": {
7863 "type": "boolean|number|string",
7864 "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation."
7865 },
7866 "v-text-field/counter-value": {
7867 "type": "function",
7868 "description": ""
7869 },
7870 "v-text-field/dark": {
7871 "type": "boolean",
7872 "description": "Applies the dark theme variant to the component. This will default the components color to _white_ unless you've configured your [application theme](/customization/theme) to **dark** or if you are using the **color** prop on the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
7873 },
7874 "v-text-field/dense": {
7875 "type": "boolean",
7876 "description": "Reduces the input height"
7877 },
7878 "v-text-field/disabled": {
7879 "type": "boolean",
7880 "description": "Disable the input"
7881 },
7882 "v-text-field/error": {
7883 "type": "boolean",
7884 "description": "Puts the input in a manual error state"
7885 },
7886 "v-text-field/error-count": {
7887 "type": "number|string",
7888 "description": "The total number of errors that should display at once"
7889 },
7890 "v-text-field/error-messages": {
7891 "type": "string|array",
7892 "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"
7893 },
7894 "v-text-field/filled": {
7895 "type": "boolean",
7896 "description": "Applies the alternate filled input style"
7897 },
7898 "v-text-field/flat": {
7899 "type": "boolean",
7900 "description": "Removes elevation (shadow) added to element when using the **solo** or **solo-inverted** props"
7901 },
7902 "v-text-field/full-width": {
7903 "type": "boolean",
7904 "description": "Designates input type as full-width"
7905 },
7906 "v-text-field/height": {
7907 "type": "number|string",
7908 "description": "Sets the height of the input"
7909 },
7910 "v-text-field/hide-details": {
7911 "type": "boolean|string",
7912 "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"
7913 },
7914 "v-text-field/hint": {
7915 "type": "string",
7916 "description": "Hint text"
7917 },
7918 "v-text-field/id": {
7919 "type": "string",
7920 "description": "Sets the DOM id on the component"
7921 },
7922 "v-text-field/label": {
7923 "type": "string",
7924 "description": "Sets input label"
7925 },
7926 "v-text-field/light": {
7927 "type": "boolean",
7928 "description": "Applies the light theme variant to the component."
7929 },
7930 "v-text-field/loader-height": {
7931 "type": "number|string",
7932 "description": "Specifies the height of the loader"
7933 },
7934 "v-text-field/loading": {
7935 "type": "boolean|string",
7936 "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"
7937 },
7938 "v-text-field/messages": {
7939 "type": "string|array",
7940 "description": "Displays a list of messages or message if using a string"
7941 },
7942 "v-text-field/outlined": {
7943 "type": "boolean",
7944 "description": "Applies the outlined style to the input"
7945 },
7946 "v-text-field/persistent-hint": {
7947 "type": "boolean",
7948 "description": "Forces hint to always be visible"
7949 },
7950 "v-text-field/persistent-placeholder": {
7951 "type": "boolean",
7952 "description": "Forces placeholder to always be visible"
7953 },
7954 "v-text-field/placeholder": {
7955 "type": "string",
7956 "description": "Sets the input’s placeholder text"
7957 },
7958 "v-text-field/prefix": {
7959 "type": "string",
7960 "description": "Displays prefix text"
7961 },
7962 "v-text-field/prepend-icon": {
7963 "type": "string",
7964 "description": "Prepends an icon to the component, uses the same syntax as `v-icon`"
7965 },
7966 "v-text-field/prepend-inner-icon": {
7967 "type": "string",
7968 "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`"
7969 },
7970 "v-text-field/readonly": {
7971 "type": "boolean",
7972 "description": "Puts input in readonly state"
7973 },
7974 "v-text-field/reverse": {
7975 "type": "boolean",
7976 "description": "Reverses the input orientation"
7977 },
7978 "v-text-field/rounded": {
7979 "type": "boolean",
7980 "description": "Adds a border radius to the input"
7981 },
7982 "v-text-field/rules": {
7983 "type": "array",
7984 "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`"
7985 },
7986 "v-text-field/shaped": {
7987 "type": "boolean",
7988 "description": "Round if `outlined` and increase `border-radius` if `filled`. Must be used with either `outlined` or `filled`"
7989 },
7990 "v-text-field/single-line": {
7991 "type": "boolean",
7992 "description": "Label does not move on focus/dirty"
7993 },
7994 "v-text-field/solo": {
7995 "type": "boolean",
7996 "description": "Changes the style of the input"
7997 },
7998 "v-text-field/solo-inverted": {
7999 "type": "boolean",
8000 "description": "Reduces element opacity until focused"
8001 },
8002 "v-text-field/success": {
8003 "type": "boolean",
8004 "description": "Puts the input in a manual success state"
8005 },
8006 "v-text-field/success-messages": {
8007 "type": "string|array",
8008 "description": "Puts the input in a success state and passes through custom success messages."
8009 },
8010 "v-text-field/suffix": {
8011 "type": "string",
8012 "description": "Displays suffix text"
8013 },
8014 "v-text-field/type": {
8015 "type": "string",
8016 "description": "Sets input type"
8017 },
8018 "v-text-field/validate-on-blur": {
8019 "type": "boolean",
8020 "description": "Delays validation until blur event"
8021 },
8022 "v-text-field/value": {
8023 "type": "any",
8024 "description": "The input's value"
8025 },
8026 "v-theme-provider/dark": {
8027 "type": "boolean",
8028 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8029 },
8030 "v-theme-provider/light": {
8031 "type": "boolean",
8032 "description": "Applies the light theme variant to the component."
8033 },
8034 "v-theme-provider/root": {
8035 "type": "boolean",
8036 "description": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
8037 },
8038 "v-timeline/align-top": {
8039 "type": "boolean",
8040 "description": "Align caret and dot of timeline items to the top"
8041 },
8042 "v-timeline/dark": {
8043 "type": "boolean",
8044 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8045 },
8046 "v-timeline/dense": {
8047 "type": "boolean",
8048 "description": "Hide opposite slot content, and position all items to one side of timeline"
8049 },
8050 "v-timeline/light": {
8051 "type": "boolean",
8052 "description": "Applies the light theme variant to the component."
8053 },
8054 "v-timeline/reverse": {
8055 "type": "boolean",
8056 "description": "Reverse direction of timeline items"
8057 },
8058 "v-timeline-item/color": {
8059 "type": "string",
8060 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
8061 },
8062 "v-timeline-item/dark": {
8063 "type": "boolean",
8064 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8065 },
8066 "v-timeline-item/fill-dot": {
8067 "type": "boolean",
8068 "description": "Remove padding from dot container"
8069 },
8070 "v-timeline-item/hide-dot": {
8071 "type": "boolean",
8072 "description": "Hide display of timeline dot"
8073 },
8074 "v-timeline-item/icon": {
8075 "type": "string",
8076 "description": "Specify icon for dot container"
8077 },
8078 "v-timeline-item/icon-color": {
8079 "type": "string",
8080 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
8081 },
8082 "v-timeline-item/large": {
8083 "type": "boolean",
8084 "description": "Large size dot"
8085 },
8086 "v-timeline-item/left": {
8087 "type": "boolean",
8088 "description": "Explicitly set the item to a left orientation"
8089 },
8090 "v-timeline-item/light": {
8091 "type": "boolean",
8092 "description": "Applies the light theme variant to the component."
8093 },
8094 "v-timeline-item/right": {
8095 "type": "boolean",
8096 "description": "Explicitly set the item to a right orientation"
8097 },
8098 "v-timeline-item/small": {
8099 "type": "boolean",
8100 "description": "Small size dot"
8101 },
8102 "v-time-picker/allowed-hours": {
8103 "type": "function|array",
8104 "description": "Restricts which hours can be selected"
8105 },
8106 "v-time-picker/allowed-minutes": {
8107 "type": "function|array",
8108 "description": "Restricts which minutes can be selected"
8109 },
8110 "v-time-picker/allowed-seconds": {
8111 "type": "function|array",
8112 "description": "Restricts which seconds can be selected"
8113 },
8114 "v-time-picker/ampm-in-title": {
8115 "type": "boolean",
8116 "description": "Place AM/PM switch in title, not near the clock."
8117 },
8118 "v-time-picker/color": {
8119 "type": "string",
8120 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
8121 },
8122 "v-time-picker/dark": {
8123 "type": "boolean",
8124 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8125 },
8126 "v-time-picker/disabled": {
8127 "type": "boolean",
8128 "description": "disables picker"
8129 },
8130 "v-time-picker/elevation": {
8131 "type": "number|string",
8132 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
8133 },
8134 "v-time-picker/flat": {
8135 "type": "boolean",
8136 "description": "Removes elevation"
8137 },
8138 "v-time-picker/format": {
8139 "type": "string",
8140 "description": "Defines the format of a time displayed in picker. Available options are `ampm` and `24hr`."
8141 },
8142 "v-time-picker/full-width": {
8143 "type": "boolean",
8144 "description": "Forces 100% width"
8145 },
8146 "v-time-picker/header-color": {
8147 "type": "string",
8148 "description": "Defines the header color. If not specified it will use the color defined by <code>color</code> prop or the default picker color"
8149 },
8150 "v-time-picker/landscape": {
8151 "type": "boolean",
8152 "description": "Orients picker horizontal"
8153 },
8154 "v-time-picker/light": {
8155 "type": "boolean",
8156 "description": "Applies the light theme variant to the component."
8157 },
8158 "v-time-picker/max": {
8159 "type": "string",
8160 "description": "Maximum allowed time"
8161 },
8162 "v-time-picker/min": {
8163 "type": "string",
8164 "description": "Minimum allowed time"
8165 },
8166 "v-time-picker/no-title": {
8167 "type": "boolean",
8168 "description": "Hide the picker title"
8169 },
8170 "v-time-picker/readonly": {
8171 "type": "boolean",
8172 "description": "Puts picker in readonly state"
8173 },
8174 "v-time-picker/scrollable": {
8175 "type": "boolean",
8176 "description": "Allows changing hour/minute with mouse scroll"
8177 },
8178 "v-time-picker/use-seconds": {
8179 "type": "boolean",
8180 "description": "Toggles the use of seconds in picker"
8181 },
8182 "v-time-picker/value": {
8183 "type": "any",
8184 "description": "Time picker model (ISO 8601 format, 24hr hh:mm)"
8185 },
8186 "v-time-picker/width": {
8187 "type": "number|string",
8188 "description": "Width of the picker"
8189 },
8190 "v-toolbar/absolute": {
8191 "type": "boolean",
8192 "description": "Applies position: absolute to the component."
8193 },
8194 "v-toolbar/bottom": {
8195 "type": "boolean",
8196 "description": "Aligns the component towards the bottom."
8197 },
8198 "v-toolbar/collapse": {
8199 "type": "boolean",
8200 "description": "Puts the toolbar into a collapsed state reducing its maximum width."
8201 },
8202 "v-toolbar/color": {
8203 "type": "string",
8204 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
8205 },
8206 "v-toolbar/dark": {
8207 "type": "boolean",
8208 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8209 },
8210 "v-toolbar/dense": {
8211 "type": "boolean",
8212 "description": "Reduces the height of the toolbar content to 48px (96px when using the **prominent** prop)."
8213 },
8214 "v-toolbar/elevation": {
8215 "type": "number|string",
8216 "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
8217 },
8218 "v-toolbar/extended": {
8219 "type": "boolean",
8220 "description": "Use this prop to increase the height of the toolbar _without_ using the `extension` slot for adding content. May be used in conjunction with the **extension-height** prop, and any of the other props that affect the height of the toolbar, e.g. **prominent**, **dense**, etc., **WITH THE EXCEPTION** of **height**."
8221 },
8222 "v-toolbar/extension-height": {
8223 "type": "number|string",
8224 "description": "Specify an explicit height for the `extension` slot. "
8225 },
8226 "v-toolbar/flat": {
8227 "type": "boolean",
8228 "description": "Removes the toolbar's box-shadow."
8229 },
8230 "v-toolbar/floating": {
8231 "type": "boolean",
8232 "description": "Applies **display: inline-flex** to the component."
8233 },
8234 "v-toolbar/height": {
8235 "type": "number|string",
8236 "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc."
8237 },
8238 "v-toolbar/light": {
8239 "type": "boolean",
8240 "description": "Applies the light theme variant to the component."
8241 },
8242 "v-toolbar/max-height": {
8243 "type": "number|string",
8244 "description": "Sets the maximum height for the component."
8245 },
8246 "v-toolbar/max-width": {
8247 "type": "number|string",
8248 "description": "Sets the maximum width for the component."
8249 },
8250 "v-toolbar/min-height": {
8251 "type": "number|string",
8252 "description": "Sets the minimum height for the component."
8253 },
8254 "v-toolbar/min-width": {
8255 "type": "number|string",
8256 "description": "Sets the minimum width for the component."
8257 },
8258 "v-toolbar/outlined": {
8259 "type": "boolean",
8260 "description": "Removes elevation (box-shadow) and adds a *thin* border."
8261 },
8262 "v-toolbar/prominent": {
8263 "type": "boolean",
8264 "description": "Increases the height of the toolbar content to 128px."
8265 },
8266 "v-toolbar/rounded": {
8267 "type": "boolean|string",
8268 "description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius)."
8269 },
8270 "v-toolbar/shaped": {
8271 "type": "boolean",
8272 "description": "Applies a large border radius on the top left and bottom right of the card."
8273 },
8274 "v-toolbar/short": {
8275 "type": "boolean",
8276 "description": "Reduce the height of the toolbar content to 56px (112px when using the **prominent** prop)."
8277 },
8278 "v-toolbar/src": {
8279 "type": "string|object",
8280 "description": "Specifies a [v-img](/components/images) as the component's background."
8281 },
8282 "v-toolbar/tag": {
8283 "type": "string",
8284 "description": "Specify a custom tag used on the root element."
8285 },
8286 "v-toolbar/tile": {
8287 "type": "boolean",
8288 "description": "Removes the component's **border-radius**."
8289 },
8290 "v-toolbar/width": {
8291 "type": "number|string",
8292 "description": "Sets the width for the component."
8293 },
8294 "v-tooltip/absolute": {
8295 "type": "boolean",
8296 "description": "Applies **position: absolute** to the component."
8297 },
8298 "v-tooltip/activator": {
8299 "type": "any",
8300 "description": "Designate a custom activator when the `activator` slot is not used. String can be any valid querySelector and Object can be any valid Node."
8301 },
8302 "v-tooltip/allow-overflow": {
8303 "type": "boolean",
8304 "description": "Removes overflow re-positioning for the content"
8305 },
8306 "v-tooltip/attach": {
8307 "type": "any",
8308 "description": "Specifies which DOM element that this component should detach to. String can be any valid querySelector and Object can be any valid Node. This will attach to the root `v-app` component by default."
8309 },
8310 "v-tooltip/bottom": {
8311 "type": "boolean",
8312 "description": "Aligns the component towards the bottom."
8313 },
8314 "v-tooltip/close-delay": {
8315 "type": "number|string",
8316 "description": "Delay (in ms) after which menu closes (when open-on-hover prop is set to true)"
8317 },
8318 "v-tooltip/color": {
8319 "type": "string",
8320 "description": "Applies specified color to the control - it can be the name of material color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). You can find list of built in classes on the [colors page](/styles/colors#material-colors)."
8321 },
8322 "v-tooltip/content-class": {
8323 "type": "string",
8324 "description": "Applies a custom class to the detached element. This is useful because the content is moved to the beginning of the `v-app` component (unless the **attach** prop is provided) and is not targetable by classes passed directly on the component."
8325 },
8326 "v-tooltip/disabled": {
8327 "type": "boolean",
8328 "description": "Disables the tooltip"
8329 },
8330 "v-tooltip/eager": {
8331 "type": "boolean",
8332 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
8333 },
8334 "v-tooltip/internal-activator": {
8335 "type": "boolean",
8336 "description": "Designates whether to use an internal activator"
8337 },
8338 "v-tooltip/left": {
8339 "type": "boolean",
8340 "description": "Aligns the component towards the left."
8341 },
8342 "v-tooltip/max-width": {
8343 "type": "number|string",
8344 "description": "Sets the maximum width for the content"
8345 },
8346 "v-tooltip/min-width": {
8347 "type": "number|string",
8348 "description": "Sets the minimum width for the content"
8349 },
8350 "v-tooltip/nudge-bottom": {
8351 "type": "number|string",
8352 "description": "Nudge the content to the bottom"
8353 },
8354 "v-tooltip/nudge-left": {
8355 "type": "number|string",
8356 "description": "Nudge the content to the left"
8357 },
8358 "v-tooltip/nudge-right": {
8359 "type": "number|string",
8360 "description": "Nudge the content to the right"
8361 },
8362 "v-tooltip/nudge-top": {
8363 "type": "number|string",
8364 "description": "Nudge the content to the top"
8365 },
8366 "v-tooltip/nudge-width": {
8367 "type": "number|string",
8368 "description": "Nudge the content width"
8369 },
8370 "v-tooltip/offset-overflow": {
8371 "type": "boolean",
8372 "description": "Causes the component to flip to the opposite side when repositioned due to overflow"
8373 },
8374 "v-tooltip/open-delay": {
8375 "type": "number|string",
8376 "description": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**)"
8377 },
8378 "v-tooltip/open-on-click": {
8379 "type": "boolean",
8380 "description": "Designates whether the tooltip should open on activator click"
8381 },
8382 "v-tooltip/open-on-focus": {
8383 "type": "boolean",
8384 "description": ""
8385 },
8386 "v-tooltip/open-on-hover": {
8387 "type": "boolean",
8388 "description": "Designates whether the tooltip should open on activator hover"
8389 },
8390 "v-tooltip/position-x": {
8391 "type": "number",
8392 "description": "Used to position the content when not using an activator slot"
8393 },
8394 "v-tooltip/position-y": {
8395 "type": "number",
8396 "description": "Used to position the content when not using an activator slot"
8397 },
8398 "v-tooltip/right": {
8399 "type": "boolean",
8400 "description": "Aligns the component towards the right."
8401 },
8402 "v-tooltip/tag": {
8403 "type": "string",
8404 "description": "Specifies a custom tag for the activator wrapper"
8405 },
8406 "v-tooltip/top": {
8407 "type": "boolean",
8408 "description": "Aligns the content towards the top."
8409 },
8410 "v-tooltip/transition": {
8411 "type": "string",
8412 "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own."
8413 },
8414 "v-tooltip/value": {
8415 "type": "any",
8416 "description": "Controls whether the component is visible or hidden."
8417 },
8418 "v-tooltip/z-index": {
8419 "type": "number|string",
8420 "description": "The z-index used for the component"
8421 },
8422 "v-treeview/activatable": {
8423 "type": "boolean",
8424 "description": "Allows user to mark a node as active by clicking on it"
8425 },
8426 "v-treeview/active": {
8427 "type": "array",
8428 "description": "Syncable prop that allows one to control which nodes are active. The array consists of the `item-key` of each active item."
8429 },
8430 "v-treeview/active-class": {
8431 "type": "string",
8432 "description": "The class applied to the node when active"
8433 },
8434 "v-treeview/color": {
8435 "type": "string",
8436 "description": "Sets the color of the active node"
8437 },
8438 "v-treeview/dark": {
8439 "type": "boolean",
8440 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8441 },
8442 "v-treeview/dense": {
8443 "type": "boolean",
8444 "description": "Decreases the height of the items"
8445 },
8446 "v-treeview/expand-icon": {
8447 "type": "string",
8448 "description": "Icon used to indicate that a node can be expanded"
8449 },
8450 "v-treeview/filter": {
8451 "type": "function",
8452 "description": "Custom item filtering function. By default it will use case-insensitive search in item's label."
8453 },
8454 "v-treeview/hoverable": {
8455 "type": "boolean",
8456 "description": "Applies a hover class when mousing over nodes"
8457 },
8458 "v-treeview/indeterminate-icon": {
8459 "type": "string",
8460 "description": "Icon used when node is in an indeterminate state. Only visible when `selectable` is `true`."
8461 },
8462 "v-treeview/item-children": {
8463 "type": "string",
8464 "description": "Property on supplied `items` that contains its children"
8465 },
8466 "v-treeview/item-disabled": {
8467 "type": "string",
8468 "description": "Property on supplied `items` that contains the disabled state of the item"
8469 },
8470 "v-treeview/item-key": {
8471 "type": "string",
8472 "description": "Property on supplied `items` used to keep track of node state. The value of this property has to be unique among all items."
8473 },
8474 "v-treeview/item-text": {
8475 "type": "string",
8476 "description": "Property on supplied `items` that contains its label text"
8477 },
8478 "v-treeview/items": {
8479 "type": "array",
8480 "description": "An array of items used to build the treeview"
8481 },
8482 "v-treeview/light": {
8483 "type": "boolean",
8484 "description": "Applies the light theme variant to the component."
8485 },
8486 "v-treeview/load-children": {
8487 "type": "function",
8488 "description": "A function used when dynamically loading children. If this prop is set, then the supplied function will be run if expanding an item that has a `item-children` property that is an empty array. Supports returning a Promise."
8489 },
8490 "v-treeview/loading-icon": {
8491 "type": "string",
8492 "description": "Icon used when node is in a loading state"
8493 },
8494 "v-treeview/multiple-active": {
8495 "type": "boolean",
8496 "description": "When `true`, allows user to have multiple active nodes at the same time"
8497 },
8498 "v-treeview/off-icon": {
8499 "type": "string",
8500 "description": "Icon used when node is not selected. Only visible when `selectable` is `true`."
8501 },
8502 "v-treeview/on-icon": {
8503 "type": "string",
8504 "description": "Icon used when leaf node is selected or when a branch node is fully selected. Only visible when `selectable` is `true`."
8505 },
8506 "v-treeview/open": {
8507 "type": "array",
8508 "description": "Syncable prop that allows one to control which nodes are open. The array consists of the `item-key` of each open item."
8509 },
8510 "v-treeview/open-all": {
8511 "type": "boolean",
8512 "description": "When `true` will cause all branch nodes to be opened when component is mounted"
8513 },
8514 "v-treeview/open-on-click": {
8515 "type": "boolean",
8516 "description": "When `true` will cause nodes to be opened by clicking anywhere on it, instead of only opening by clicking on expand icon. When using this prop with `activatable` you will be unable to mark nodes with children as active."
8517 },
8518 "v-treeview/return-object": {
8519 "type": "boolean",
8520 "description": "When `true` will make `v-model`, `active.sync` and `open.sync` return the complete object instead of just the key"
8521 },
8522 "v-treeview/rounded": {
8523 "type": "boolean",
8524 "description": "Provides an alternative active style for `v-treeview` node. Only visible when `activatable` is `true` and should not be used in conjunction with the `shaped` prop."
8525 },
8526 "v-treeview/search": {
8527 "type": "string",
8528 "description": "The search model for filtering results"
8529 },
8530 "v-treeview/selectable": {
8531 "type": "boolean",
8532 "description": "Will render a checkbox next to each node allowing them to be selected"
8533 },
8534 "v-treeview/selected-color": {
8535 "type": "string",
8536 "description": "The color of the selection checkbox"
8537 },
8538 "v-treeview/selection-type": {
8539 "type": "string",
8540 "description": "Controls how the treeview selects nodes. There are two modes available: 'leaf' and 'independent'"
8541 },
8542 "v-treeview/shaped": {
8543 "type": "boolean",
8544 "description": "Provides an alternative active style for `v-treeview` node. Only visible when `activatable` is `true` and should not be used in conjunction with the `rounded` prop."
8545 },
8546 "v-treeview/transition": {
8547 "type": "boolean",
8548 "description": "Applies a transition when nodes are opened and closed"
8549 },
8550 "v-treeview/value": {
8551 "type": "array",
8552 "description": "Allows one to control which nodes are selected. The array consists of the `item-key` of each selected item. Is used with `@input` event to allow for `v-model` binding."
8553 },
8554 "v-virtual-scroll/bench": {
8555 "type": "number|string",
8556 "description": "The number of items **outside** the user view that are rendered (even if they are **not** viewable); to help prevent empty white space when scrolling *fast*."
8557 },
8558 "v-virtual-scroll/height": {
8559 "type": "number|string",
8560 "description": "Height of the component as a css value"
8561 },
8562 "v-virtual-scroll/item-height": {
8563 "type": "number|string",
8564 "description": "Height in pixels of the items to display"
8565 },
8566 "v-virtual-scroll/items": {
8567 "type": "array",
8568 "description": "The array of items to display"
8569 },
8570 "v-virtual-scroll/max-height": {
8571 "type": "number|string",
8572 "description": "Sets the maximum height for the component."
8573 },
8574 "v-virtual-scroll/max-width": {
8575 "type": "number|string",
8576 "description": "Sets the maximum width for the component."
8577 },
8578 "v-virtual-scroll/min-height": {
8579 "type": "number|string",
8580 "description": "Sets the minimum height for the component."
8581 },
8582 "v-virtual-scroll/min-width": {
8583 "type": "number|string",
8584 "description": "Sets the minimum width for the component."
8585 },
8586 "v-virtual-scroll/width": {
8587 "type": "number|string",
8588 "description": "Sets the width for the component."
8589 },
8590 "v-window/active-class": {
8591 "type": "string",
8592 "description": "The **active-class** applied to children when they are activated."
8593 },
8594 "v-window/continuous": {
8595 "type": "boolean",
8596 "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last"
8597 },
8598 "v-window/dark": {
8599 "type": "boolean",
8600 "description": "Applies the dark theme variant to the component. You can find more information on the Material Design documentation for [dark themes](https://material.io/design/color/dark-theme.html)."
8601 },
8602 "v-window/light": {
8603 "type": "boolean",
8604 "description": "Applies the light theme variant to the component."
8605 },
8606 "v-window/next-icon": {
8607 "type": "boolean|string",
8608 "description": "Icon used for the \"next\" button if `show-arrows` is `true`"
8609 },
8610 "v-window/prev-icon": {
8611 "type": "boolean|string",
8612 "description": "Icon used for the \"prev\" button if `show-arrows` is `true`"
8613 },
8614 "v-window/reverse": {
8615 "type": "boolean",
8616 "description": "Reverse the normal transition direction."
8617 },
8618 "v-window/show-arrows": {
8619 "type": "boolean",
8620 "description": "Display the \"next\" and \"prev\" buttons"
8621 },
8622 "v-window/show-arrows-on-hover": {
8623 "type": "boolean",
8624 "description": "Display the \"next\" and \"prev\" buttons on hover. `show-arrows` MUST ALSO be set."
8625 },
8626 "v-window/tag": {
8627 "type": "string",
8628 "description": "Specify a custom tag used on the root element."
8629 },
8630 "v-window/touch": {
8631 "type": "object",
8632 "description": "Provide a custom **left** and **right** function when swiped left or right."
8633 },
8634 "v-window/touchless": {
8635 "type": "boolean",
8636 "description": "Disable touch support."
8637 },
8638 "v-window/value": {
8639 "type": "any",
8640 "description": "The designated model value for the component."
8641 },
8642 "v-window/vertical": {
8643 "type": "boolean",
8644 "description": "Uses a vertical transition when changing windows."
8645 },
8646 "v-window-item/active-class": {
8647 "type": "string",
8648 "description": "Configure the active CSS class applied when the link is active. You can find more information about the [**active-class** prop](https://router.vuejs.org/api/#active-class) on the vue-router documentation."
8649 },
8650 "v-window-item/disabled": {
8651 "type": "boolean",
8652 "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method"
8653 },
8654 "v-window-item/eager": {
8655 "type": "boolean",
8656 "description": "Will force the components content to render on mounted. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
8657 },
8658 "v-window-item/reverse-transition": {
8659 "type": "boolean|string",
8660 "description": "Sets the reverse transition"
8661 },
8662 "v-window-item/transition": {
8663 "type": "boolean|string",
8664 "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own."
8665 },
8666 "v-window-item/value": {
8667 "type": "any",
8668 "description": "The value used when the component is selected in a group. If not provided, the index will be used."
8669 },
8670 "v-carousel-transition/group": {
8671 "type": "boolean",
8672 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8673 },
8674 "v-carousel-transition/hide-on-leave": {
8675 "type": "boolean",
8676 "description": "Hides the leaving element (no exit animation)"
8677 },
8678 "v-carousel-transition/leave-absolute": {
8679 "type": "boolean",
8680 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8681 },
8682 "v-carousel-transition/mode": {
8683 "type": "string",
8684 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8685 },
8686 "v-carousel-transition/origin": {
8687 "type": "string",
8688 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8689 },
8690 "v-carousel-reverse-transition/group": {
8691 "type": "boolean",
8692 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8693 },
8694 "v-carousel-reverse-transition/hide-on-leave": {
8695 "type": "boolean",
8696 "description": "Hides the leaving element (no exit animation)"
8697 },
8698 "v-carousel-reverse-transition/leave-absolute": {
8699 "type": "boolean",
8700 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8701 },
8702 "v-carousel-reverse-transition/mode": {
8703 "type": "string",
8704 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8705 },
8706 "v-carousel-reverse-transition/origin": {
8707 "type": "string",
8708 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8709 },
8710 "v-tab-transition/group": {
8711 "type": "boolean",
8712 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8713 },
8714 "v-tab-transition/hide-on-leave": {
8715 "type": "boolean",
8716 "description": "Hides the leaving element (no exit animation)"
8717 },
8718 "v-tab-transition/leave-absolute": {
8719 "type": "boolean",
8720 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8721 },
8722 "v-tab-transition/mode": {
8723 "type": "string",
8724 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8725 },
8726 "v-tab-transition/origin": {
8727 "type": "string",
8728 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8729 },
8730 "v-tab-reverse-transition/group": {
8731 "type": "boolean",
8732 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8733 },
8734 "v-tab-reverse-transition/hide-on-leave": {
8735 "type": "boolean",
8736 "description": "Hides the leaving element (no exit animation)"
8737 },
8738 "v-tab-reverse-transition/leave-absolute": {
8739 "type": "boolean",
8740 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8741 },
8742 "v-tab-reverse-transition/mode": {
8743 "type": "string",
8744 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8745 },
8746 "v-tab-reverse-transition/origin": {
8747 "type": "string",
8748 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8749 },
8750 "v-menu-transition/group": {
8751 "type": "boolean",
8752 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8753 },
8754 "v-menu-transition/hide-on-leave": {
8755 "type": "boolean",
8756 "description": "Hides the leaving element (no exit animation)"
8757 },
8758 "v-menu-transition/leave-absolute": {
8759 "type": "boolean",
8760 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8761 },
8762 "v-menu-transition/mode": {
8763 "type": "string",
8764 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8765 },
8766 "v-menu-transition/origin": {
8767 "type": "string",
8768 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8769 },
8770 "v-fab-transition/group": {
8771 "type": "boolean",
8772 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8773 },
8774 "v-fab-transition/hide-on-leave": {
8775 "type": "boolean",
8776 "description": "Hides the leaving element (no exit animation)"
8777 },
8778 "v-fab-transition/leave-absolute": {
8779 "type": "boolean",
8780 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8781 },
8782 "v-fab-transition/mode": {
8783 "type": "string",
8784 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8785 },
8786 "v-fab-transition/origin": {
8787 "type": "string",
8788 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8789 },
8790 "v-dialog-transition/group": {
8791 "type": "boolean",
8792 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8793 },
8794 "v-dialog-transition/hide-on-leave": {
8795 "type": "boolean",
8796 "description": "Hides the leaving element (no exit animation)"
8797 },
8798 "v-dialog-transition/leave-absolute": {
8799 "type": "boolean",
8800 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8801 },
8802 "v-dialog-transition/mode": {
8803 "type": "string",
8804 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8805 },
8806 "v-dialog-transition/origin": {
8807 "type": "string",
8808 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8809 },
8810 "v-dialog-bottom-transition/group": {
8811 "type": "boolean",
8812 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8813 },
8814 "v-dialog-bottom-transition/hide-on-leave": {
8815 "type": "boolean",
8816 "description": "Hides the leaving element (no exit animation)"
8817 },
8818 "v-dialog-bottom-transition/leave-absolute": {
8819 "type": "boolean",
8820 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8821 },
8822 "v-dialog-bottom-transition/mode": {
8823 "type": "string",
8824 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8825 },
8826 "v-dialog-bottom-transition/origin": {
8827 "type": "string",
8828 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8829 },
8830 "v-dialog-top-transition/group": {
8831 "type": "boolean",
8832 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8833 },
8834 "v-dialog-top-transition/hide-on-leave": {
8835 "type": "boolean",
8836 "description": "Hides the leaving element (no exit animation)"
8837 },
8838 "v-dialog-top-transition/leave-absolute": {
8839 "type": "boolean",
8840 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8841 },
8842 "v-dialog-top-transition/mode": {
8843 "type": "string",
8844 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8845 },
8846 "v-dialog-top-transition/origin": {
8847 "type": "string",
8848 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8849 },
8850 "v-fade-transition/group": {
8851 "type": "boolean",
8852 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8853 },
8854 "v-fade-transition/hide-on-leave": {
8855 "type": "boolean",
8856 "description": "Hides the leaving element (no exit animation)"
8857 },
8858 "v-fade-transition/leave-absolute": {
8859 "type": "boolean",
8860 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8861 },
8862 "v-fade-transition/mode": {
8863 "type": "string",
8864 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8865 },
8866 "v-fade-transition/origin": {
8867 "type": "string",
8868 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8869 },
8870 "v-scale-transition/group": {
8871 "type": "boolean",
8872 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8873 },
8874 "v-scale-transition/hide-on-leave": {
8875 "type": "boolean",
8876 "description": "Hides the leaving element (no exit animation)"
8877 },
8878 "v-scale-transition/leave-absolute": {
8879 "type": "boolean",
8880 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8881 },
8882 "v-scale-transition/mode": {
8883 "type": "string",
8884 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8885 },
8886 "v-scale-transition/origin": {
8887 "type": "string",
8888 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8889 },
8890 "v-scroll-x-transition/group": {
8891 "type": "boolean",
8892 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8893 },
8894 "v-scroll-x-transition/hide-on-leave": {
8895 "type": "boolean",
8896 "description": "Hides the leaving element (no exit animation)"
8897 },
8898 "v-scroll-x-transition/leave-absolute": {
8899 "type": "boolean",
8900 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8901 },
8902 "v-scroll-x-transition/mode": {
8903 "type": "string",
8904 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8905 },
8906 "v-scroll-x-transition/origin": {
8907 "type": "string",
8908 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8909 },
8910 "v-scroll-x-reverse-transition/group": {
8911 "type": "boolean",
8912 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8913 },
8914 "v-scroll-x-reverse-transition/hide-on-leave": {
8915 "type": "boolean",
8916 "description": "Hides the leaving element (no exit animation)"
8917 },
8918 "v-scroll-x-reverse-transition/leave-absolute": {
8919 "type": "boolean",
8920 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8921 },
8922 "v-scroll-x-reverse-transition/mode": {
8923 "type": "string",
8924 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8925 },
8926 "v-scroll-x-reverse-transition/origin": {
8927 "type": "string",
8928 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8929 },
8930 "v-scroll-y-transition/group": {
8931 "type": "boolean",
8932 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8933 },
8934 "v-scroll-y-transition/hide-on-leave": {
8935 "type": "boolean",
8936 "description": "Hides the leaving element (no exit animation)"
8937 },
8938 "v-scroll-y-transition/leave-absolute": {
8939 "type": "boolean",
8940 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8941 },
8942 "v-scroll-y-transition/mode": {
8943 "type": "string",
8944 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8945 },
8946 "v-scroll-y-transition/origin": {
8947 "type": "string",
8948 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8949 },
8950 "v-scroll-y-reverse-transition/group": {
8951 "type": "boolean",
8952 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8953 },
8954 "v-scroll-y-reverse-transition/hide-on-leave": {
8955 "type": "boolean",
8956 "description": "Hides the leaving element (no exit animation)"
8957 },
8958 "v-scroll-y-reverse-transition/leave-absolute": {
8959 "type": "boolean",
8960 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8961 },
8962 "v-scroll-y-reverse-transition/mode": {
8963 "type": "string",
8964 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8965 },
8966 "v-scroll-y-reverse-transition/origin": {
8967 "type": "string",
8968 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8969 },
8970 "v-slide-x-transition/group": {
8971 "type": "boolean",
8972 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8973 },
8974 "v-slide-x-transition/hide-on-leave": {
8975 "type": "boolean",
8976 "description": "Hides the leaving element (no exit animation)"
8977 },
8978 "v-slide-x-transition/leave-absolute": {
8979 "type": "boolean",
8980 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
8981 },
8982 "v-slide-x-transition/mode": {
8983 "type": "string",
8984 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
8985 },
8986 "v-slide-x-transition/origin": {
8987 "type": "string",
8988 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
8989 },
8990 "v-slide-x-reverse-transition/group": {
8991 "type": "boolean",
8992 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
8993 },
8994 "v-slide-x-reverse-transition/hide-on-leave": {
8995 "type": "boolean",
8996 "description": "Hides the leaving element (no exit animation)"
8997 },
8998 "v-slide-x-reverse-transition/leave-absolute": {
8999 "type": "boolean",
9000 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
9001 },
9002 "v-slide-x-reverse-transition/mode": {
9003 "type": "string",
9004 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
9005 },
9006 "v-slide-x-reverse-transition/origin": {
9007 "type": "string",
9008 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
9009 },
9010 "v-slide-y-transition/group": {
9011 "type": "boolean",
9012 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
9013 },
9014 "v-slide-y-transition/hide-on-leave": {
9015 "type": "boolean",
9016 "description": "Hides the leaving element (no exit animation)"
9017 },
9018 "v-slide-y-transition/leave-absolute": {
9019 "type": "boolean",
9020 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
9021 },
9022 "v-slide-y-transition/mode": {
9023 "type": "string",
9024 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
9025 },
9026 "v-slide-y-transition/origin": {
9027 "type": "string",
9028 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
9029 },
9030 "v-slide-y-reverse-transition/group": {
9031 "type": "boolean",
9032 "description": "Creates a `transition-group` component. [vue docs](https://vuejs.org/v2/api/#transition-group)"
9033 },
9034 "v-slide-y-reverse-transition/hide-on-leave": {
9035 "type": "boolean",
9036 "description": "Hides the leaving element (no exit animation)"
9037 },
9038 "v-slide-y-reverse-transition/leave-absolute": {
9039 "type": "boolean",
9040 "description": "Absolutely positions the leaving element (useful for [FLIP](https://aerotwist.com/blog/flip-your-animations/))"
9041 },
9042 "v-slide-y-reverse-transition/mode": {
9043 "type": "string",
9044 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
9045 },
9046 "v-slide-y-reverse-transition/origin": {
9047 "type": "string",
9048 "description": "Sets the transition origin on the element. You can find more information on the MDN documentation [for transition origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)."
9049 },
9050 "v-expand-transition/mode": {
9051 "type": "string",
9052 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
9053 },
9054 "v-expand-x-transition/mode": {
9055 "type": "string",
9056 "description": "Sets the transition mode (does not apply to transition-group). You can find more information on the Vue documentation [for transition modes](https://vuejs.org/v2/api/#transition)."
9057 }
9058}
\No newline at end of file