{ "$schema": "http://json.schemastore.org/web-types", "framework": "vue", "name": "vuetify", "version": "3.0.0-beta.10", "contributions": { "html": { "types-syntax": "typescript", "description-markup": "markdown", "tags": [ { "name": "VApp", "source": { "module": "./src/components/index.ts", "symbol": "VApp" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-app", "attributes": [ { "name": "overlaps", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "full-height", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-app#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAppBar", "source": { "module": "./src/components/index.ts", "symbol": "VAppBar" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar", "attributes": [ { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "'top'", "value": { "kind": "expression", "type": "string" } }, { "name": "absolute", "description": "Applies position: absolute to the component.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "collapse", "description": "Morphs the component into a collapsed state, reducing its maximum width.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "extended", "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**.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "extension-height", "description": "Designate an explicit height for the `extension` slot.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "48", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "flat", "description": "Removes the component's **box-shadow**.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "floating", "description": "Applies **display: inline-flex** to the component.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "height", "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "64", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "image", "description": "The `src` used for `v-img`. For additional customization options, use the **image** slot.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "'header'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#slots" }, { "name": "extension", "description": "Slot positioned directly under the main content of the toolbar. Height of this slot can be set explicitly with the **extension-height** prop.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#slots" }, { "name": "img", "description": "Expects the [v-img](/components/images) component. Scoped **props** should be applied with `v-bind=\"props\"`.", "doc-url": "https://vuetifyjs.com/api/v-app-bar#slots", "vue-properties": [ { "name": "props", "type": "{ height: string, src: string | srcObject }" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAppBarNavIcon", "source": { "module": "./src/components/index.ts", "symbol": "VAppBarNavIcon" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon", "attributes": [ { "name": "icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#props", "default": "'$menu'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAppBarTitle", "source": { "module": "./src/components/index.ts", "symbol": "VAppBarTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar-title", "attributes": [ { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-app-bar-title#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-app-bar-title#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-app-bar-title#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAlert", "source": { "module": "./src/components/index.ts", "symbol": "VAlert" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert", "attributes": [ { "name": "border", "description": "Puts a border on the alert. Accepts **top** \\| **right** \\| **bottom** \\| **left**.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "border-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "any" } }, { "name": "closable", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "any" } }, { "name": "close-icon", "description": "Change the default icon used for **dismissible** alerts.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "'$close'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "close-label", "description": "Text used for *aria-label* on **dismissible** alerts. Can also be customizing globally in [Internationalization](/customization/internationalization).", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "'$vuetify.close'", "value": { "kind": "expression", "type": "string" } }, { "name": "icon", "description": "Designates a specific icon.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "function", "object" ] } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prominent", "description": "Displays a larger vertically centered icon to draw more attention.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text", "description": "Applies the defined **color** to text and a low opacity background of the same.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "Specify a **success**, **info**, **warning** or **error** alert. Uses the contextual color and has a pre-defined icon.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "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 a list of built-in classes on the [colors page](/styles/colors#material-colors).", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-alert#props", "default": "'flat'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-alert#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-alert#slots" }, { "name": "append", "description": "Slot for icon at end of alert.", "doc-url": "https://vuetifyjs.com/api/v-alert#slots" }, { "name": "close", "description": "Slot for icon used in **dismissible** prop.", "doc-url": "https://vuetifyjs.com/api/v-alert#slots", "vue-properties": [ { "name": "toggle", "type": "Function" } ] }, { "name": "prepend", "description": "Slot for icon at beginning of alert.", "doc-url": "https://vuetifyjs.com/api/v-alert#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAlertTitle", "source": { "module": "./src/components/index.ts", "symbol": "VAlertTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert-title", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-alert-title#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAutocomplete", "source": { "module": "./src/components/index.ts", "symbol": "VAutocomplete" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete", "attributes": [ { "name": "search", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "value": { "kind": "expression", "type": "any" } }, { "name": "custom-filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "value": { "kind": "expression", "type": "function" } }, { "name": "custom-key-filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "value": { "kind": "expression", "type": "object" } }, { "name": "filter-keys", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "[\"title\"]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "filter-mode", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'intersection'", "value": { "kind": "expression", "type": "string" } }, { "name": "no-filter", "description": "Do not apply filtering when searching. Useful when data is being filtered server side", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "chips", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "closable-chips", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-no-data", "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.", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'$dropdown'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "menu-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "value": { "kind": "expression", "type": "object" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "[]", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "no-data-text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'$vuetify.noDataText'", "value": { "kind": "expression", "type": "string" } }, { "name": "open-on-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "items", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "item-title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'title'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'value'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-children", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "item-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "'props'", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "return-object", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "transition", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "update:search", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-autocomplete#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VAvatar", "source": { "module": "./src/components/index.ts", "symbol": "VAvatar" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "start", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "end", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "image", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-avatar#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-avatar#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBadge", "source": { "module": "./src/components/index.ts", "symbol": "VBadge" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-badge", "attributes": [ { "name": "bordered", "description": "Applies a **2px** by default and **1.5px** border around the badge when using the **dot** property.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "Defines the background color of the badge.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "content", "description": "Text content to show in the badge.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "dot", "description": "Reduce the size of the badge and hide its contents.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "floating", "description": "", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "icon", "description": "Designates a specific icon to render in the badge.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "inline", "description": "Moves the badge to be inline with the wrapping element. Supports the usage of the **left** prop.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "label", "description": "The **aria-label** used for the badge.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "'$vuetify.badge'", "value": { "kind": "expression", "type": "string" } }, { "name": "max", "description": "Sets the maximum number allowed when using the **content** prop with a `number` like value. If the content number exceeds the maximum value, a `+` suffix is added.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "offset-x", "description": "Offset the badge on the x-axis.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "offset-y", "description": "Offset the badge on the y-axis.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text-color", "description": "Defines the text color of the badge.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "any" } }, { "name": "location", "description": "Changes the location of the badge. Possible values are **top-right**, **bottom-right**, **bottom-left**, **top-left**.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "'top end'", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "value": { "kind": "expression", "type": "string" } }, { "name": "transition", "description": "", "doc-url": "https://vuetifyjs.com/api/v-badge#props", "default": "'scale-rotate-transition'", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-badge#slots" }, { "name": "badge", "description": "The slot used for the badge's content.", "doc-url": "https://vuetifyjs.com/api/v-badge#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBanner", "source": { "module": "./src/components/index.ts", "symbol": "VBanner" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner", "attributes": [ { "name": "avatar", "description": "Designates a specific src image to pass to the thumbnail.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "icon", "description": "Designates a specific icon.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "lines", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "stacked", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "sticky", "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).", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-banner#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBannerActions", "source": { "module": "./src/components/index.ts", "symbol": "VBannerActions" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner-actions", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner-actions#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner-actions#props", "value": { "kind": "expression", "type": "any" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBannerText", "source": { "module": "./src/components/index.ts", "symbol": "VBannerText" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner-text", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-banner-text#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBottomNavigation", "source": { "module": "./src/components/index.ts", "symbol": "VBottomNavigation" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation", "attributes": [ { "name": "bg-color", "description": "Changes the background-color for the component.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "any" } }, { "name": "grow", "description": "Force [v-btn](/components/buttons)s to take up all available space.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "any" } }, { "name": "mode", "description": "Changes the orientation and active state styling of the component. Available options are **horizontal** and **shift**.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "56", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "'bottom-navigation'", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "absolute", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "'header'", "value": { "kind": "expression", "type": "string" } }, { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "true", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "'v-btn--selected'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "change", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#events", "arguments": [ { "name": "argument", "type": "any" } ] }, { "name": "update:input-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#events", "arguments": [ { "name": "argument", "type": "string | number" } ] }, { "name": "update:modelValue", "description": "Emitted when the component's model changes.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-bottom-navigation#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBreadcrumbs", "source": { "module": "./src/components/index.ts", "symbol": "VBreadcrumbs" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs", "attributes": [ { "name": "items", "description": "An array of objects for each breadcrumb.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "active-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "divider", "description": "Specifies the dividing character between items.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "default": "'/'", "value": { "kind": "expression", "type": "string" } }, { "name": "icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#props", "default": "'ul'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#slots" }, { "name": "divider", "description": "The slot used for dividers.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#slots" }, { "name": "prepend", "description": "The slot used for prepend content.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#slots" }, { "name": "title", "description": "The slot used to display the title of each breadcrumb.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs#slots", "vue-properties": [ { "name": "item", "type": "any[]" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBreadcrumbsItem", "source": { "module": "./src/components/index.ts", "symbol": "VBreadcrumbsItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item", "attributes": [ { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#props", "default": "'li'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-item#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBreadcrumbsDivider", "source": { "module": "./src/components/index.ts", "symbol": "VBreadcrumbsDivider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-divider", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-breadcrumbs-divider#props", "default": "'li'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBtn", "source": { "module": "./src/components/index.ts", "symbol": "VBtn" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn", "attributes": [ { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "symbol", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "flat", "description": "Removes the button box shadow.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "icon", "description": "Designates the button as icon. Button will become _round_ and applies the **text** prop.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "Adds an icon before the default slot content.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "Adds an icon after the default slot content.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "block", "description": "Expands the button to 100% of available space.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "stacked", "description": "Displays the button as a flex-column.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "value", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Removes the ability to click or target the component.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "'button'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "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).", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-btn#props", "default": "'elevated'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "click", "description": "Event that is emitted when the component is clicked", "doc-url": "https://vuetifyjs.com/api/v-btn#events", "arguments": [ { "name": "argument", "type": "Event" } ] }, { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-btn#slots" }, { "name": "loader", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBtnGroup", "source": { "module": "./src/components/index.ts", "symbol": "VBtnGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-group", "attributes": [ { "name": "divided", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-btn-group#props", "default": "'elevated'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VBtnToggle", "source": { "module": "./src/components/index.ts", "symbol": "VBtnToggle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle", "attributes": [ { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class.", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "default": "'v-btn--selected'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "change", "description": "Emitted when the input is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#events", "arguments": [ { "name": "argument", "type": "any[] | any" } ] }, { "name": "update:modelValue", "description": "Emitted when selection changes", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-btn-toggle#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCard", "source": { "module": "./src/components/index.ts", "symbol": "VCard" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card", "attributes": [ { "name": "append-avatar", "description": "Appends a [v-avatar](/components/avatars/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "Appends a [v-icon](/components/icons/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "flat", "description": "Removes the card's elevation.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hover", "description": "Applies **4dp** of elevation when hovered (default 2dp). You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "image", "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).", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "link", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prepend-avatar", "description": "Prepends a [v-avatar](/components/avatars/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "Prepends a [v-icon](/components/icons/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "subtitle", "description": "Generates a `v-card-subtitle` component with the supplied value", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text", "description": "Generates a `v-card-text` component with the supplied value", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "Generates a `v-card-title` component with the supplied value", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "any" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-card#props", "default": "'elevated'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "click", "description": "Emitted when component is clicked - Will trigger component to ripple when clicked unless the `.native` modifier is used", "doc-url": "https://vuetifyjs.com/api/v-card#events", "arguments": [ { "name": "argument", "type": "void" } ] } ], "slots": [ { "name": "append", "description": "Adds an item inside the input and after input content", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "image", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "prepend", "description": "Adds an item outside the input and before input content", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "subtitle", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#slots" }, { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCardActions", "source": { "module": "./src/components/index.ts", "symbol": "VCardActions" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-actions", "attributes": [], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-card-actions#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCardItem", "source": { "module": "./src/components/index.ts", "symbol": "VCardItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item", "attributes": [ { "name": "append-avatar", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-avatar", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "subtitle", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-card-item#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCardSubtitle", "source": { "module": "./src/components/index.ts", "symbol": "VCardSubtitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-subtitle", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-subtitle#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-card-subtitle#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCardText", "source": { "module": "./src/components/index.ts", "symbol": "VCardText" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-text", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-text#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-card-text#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCardTitle", "source": { "module": "./src/components/index.ts", "symbol": "VCardTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-title", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-card-title#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-card-title#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCarousel", "source": { "module": "./src/components/index.ts", "symbol": "VCarousel" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "cycle", "description": "Determines if the carousel should cycle through images.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "delimiter-icon", "description": "Sets icon for carousel delimiter", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "default": "'$delimiter'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "default": "500", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "hide-delimiters", "description": "Hides the carousel's bottom delimiters.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-delimiter-background", "description": "Hides the bottom delimiter background.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "interval", "description": "The duration between image cycles. Requires the **cycle** prop.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "default": "6000", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "progress", "description": "Displays a carousel progress bar. Requires the **cycle** prop and **interval**.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "show-arrows", "description": "Displays arrows for next/previous navigation.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "default": "true", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "vertical-delimiters", "description": "Displays carousel delimiters vertically.", "doc-url": "https://vuetifyjs.com/api/v-carousel#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "change", "description": "Emitted when the component value is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-carousel#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-carousel#slots" }, { "name": "next", "description": "Slot displaying the arrow switching to the next item", "doc-url": "https://vuetifyjs.com/api/v-carousel#slots", "vue-properties": [ { "name": "attrs", "type": "{ aria-label: string }" }, { "name": "on", "type": "{ click: eventHandler }" } ] }, { "name": "prev", "description": "Slot displaying the arrow switching to the previous item", "doc-url": "https://vuetifyjs.com/api/v-carousel#slots", "vue-properties": [ { "name": "attrs", "type": "{ aria-label: string }" }, { "name": "on", "type": "{ click: eventHandler }" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCarouselItem", "source": { "module": "./src/components/index.ts", "symbol": "VCarouselItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel-item", "attributes": [ { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-carousel-item#props", "value": { "kind": "expression", "type": "any" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-carousel-item#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCheckbox", "source": { "module": "./src/components/index.ts", "symbol": "VCheckbox" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox", "attributes": [ { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "Sets the component's name attribute", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "indeterminate", "description": "Sets an indeterminate state for the checkbox", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "indeterminate-icon", "description": "The icon used when in an indeterminate state", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "'$checkboxIndeterminate'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "false-icon", "description": "The icon used when inactive", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "'$checkboxOff'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "The icon used when active", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "'$checkboxOn'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "Changes expected model to an array", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-checkbox#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCheckboxBtn", "source": { "module": "./src/components/index.ts", "symbol": "VCheckboxBtn" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn", "attributes": [ { "name": "indeterminate", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "indeterminate-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "'$checkboxIndeterminate'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "false-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "'$checkboxOff'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "'$checkboxOn'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:indeterminate", "description": "", "doc-url": "https://vuetifyjs.com/api/v-checkbox-btn#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VChip", "source": { "module": "./src/components/index.ts", "symbol": "VChip" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip", "attributes": [ { "name": "active-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-avatar", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "closable", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "close-icon", "description": "Change the default icon used for **close** chips", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'$delete'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "close-label", "description": "Text used for *aria-label* on the close button in **close** chips. Can also be customized globally in [Internationalization](/customization/internationalization).", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'$vuetify.close'", "value": { "kind": "expression", "type": "string" } }, { "name": "draggable", "description": "Makes the chip draggable", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "filter", "description": "Displays a selection icon when selected", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "filter-icon", "description": "Change the default icon used for **filter** chips", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'$complete'", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "Removes circle edges", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "link", "description": "Explicitly define the chip as a link", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "pill", "description": "Remove `v-avatar` padding", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-avatar", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "value", "description": "The value used when a child of a [v-chip-group](/components/chip-groups).", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Disables the chip, making it un-selectable", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'span'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-chip#props", "default": "'tonal'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "click", "description": "Emitted when component is clicked, toggles chip if contained in a chip group - Will trigger component to ripple when clicked unless the `.native` modifier is used", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument", "type": "MouseEvent" } ] }, { "name": "click:close", "description": "Emitted when close icon is clicked", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument", "type": "void" } ] }, { "name": "update:active", "description": "Emitted when close icon is clicked, sets active to `false`", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument" } ] }, { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-chip#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VChipGroup", "source": { "module": "./src/components/index.ts", "symbol": "VChipGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip-group", "attributes": [ { "name": "column", "description": "Remove horizontal pagination and wrap items as needed", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "function" } }, { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "'v-chip--selected'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#props", "default": "'tonal'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "change", "description": "Emitted when the component value is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-chip-group#events", "arguments": [ { "name": "argument", "type": "any[] | any" } ] }, { "name": "update:modelValue", "description": "Emitted when selection changes", "doc-url": "https://vuetifyjs.com/api/v-chip-group#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-chip-group#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCode", "source": { "module": "./src/components/index.ts", "symbol": "VCode" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-code", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-code#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VColorPicker", "source": { "module": "./src/components/index.ts", "symbol": "VColorPicker" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-color-picker", "attributes": [ { "name": "canvas-height", "description": "Height of canvas", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "150", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "disabled", "description": "Disables picker", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "dot-size", "description": "Changes the size of the selection dot on the canvas", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "10", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "hide-canvas", "description": "Hides canvas", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-sliders", "description": "Hides sliders", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-inputs", "description": "Hides inputs", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "mode", "description": "Sets mode of inputs. Available modes are 'rgba', 'hsla', and 'hexa'. Can be synced with the `.sync` modifier.", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "'rgba'", "value": { "kind": "expression", "type": "string" } }, { "name": "modes", "description": "", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "[\"rgb\",\"rgba\",\"hsl\",\"hsla\",\"hex\",\"hexa\"]", "value": { "kind": "expression", "type": "array" } }, { "name": "show-swatches", "description": "Displays color swatches", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "swatches", "description": "Sets the available color swatches to select from - This prop only accepts rgba hex strings", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "any" } }, { "name": "swatches-max-height", "description": "Sets the maximum height of the swatches section", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "150", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": [ "object", "string" ] } }, { "name": "width", "description": "Sets the width of the color picker", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "300", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-color-picker#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "input", "description": "Selected color. Depending on what you passed to the `value` prop this is either a string or an object", "doc-url": "https://vuetifyjs.com/api/v-color-picker#events", "arguments": [ { "name": "argument", "type": "string | object" } ] }, { "name": "update:color", "description": "Selected color. This is the internal representation of the color, containing all values.", "doc-url": "https://vuetifyjs.com/api/v-color-picker#events", "arguments": [ { "name": "argument", "type": "{\"alpha\":\"number\",\"hex\":\"string\",\"hexa\":\"string\",\"hsla\":{\"h\":\"number\",\"s\":\"number\",\"l\":\"number\",\"a\":\"number\"},\"hsva\":{\"h\":\"number\",\"s\":\"number\",\"v\":\"number\",\"a\":\"number\"},\"hue\":\"number\",\"rgba\":{\"r\":\"number\",\"g\":\"number\",\"b\":\"number\",\"a\":\"number\"}}" } ] }, { "name": "update:mode", "description": "Selected mode", "doc-url": "https://vuetifyjs.com/api/v-color-picker#events", "arguments": [ { "name": "argument", "type": "string" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-color-picker#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCombobox", "source": { "module": "./src/components/index.ts", "symbol": "VCombobox" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox", "attributes": [ { "name": "delimiters", "description": "Accepts an array of strings that will trigger a new tag when typing. Does not replace the normal Tab and Enter keys.", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "value": { "kind": "expression", "type": "any" } }, { "name": "custom-filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "value": { "kind": "expression", "type": "function" } }, { "name": "custom-key-filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "value": { "kind": "expression", "type": "object" } }, { "name": "filter-keys", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "[\"title\"]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "filter-mode", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'intersection'", "value": { "kind": "expression", "type": "string" } }, { "name": "no-filter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "chips", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "closable-chips", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-no-data", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'$dropdown'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "menu-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "value": { "kind": "expression", "type": "object" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "[]", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "no-data-text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'$vuetify.noDataText'", "value": { "kind": "expression", "type": "string" } }, { "name": "open-on-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "items", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "item-title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'title'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'value'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-children", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "item-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "'props'", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "return-object", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "transition", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:searchInput", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-combobox#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VDefaultsProvider", "source": { "module": "./src/components/index.ts", "symbol": "VDefaultsProvider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-defaults-provider", "attributes": [ { "name": "defaults", "description": "Specify new default prop values for components. Keep in mind that this will be merged with previously defined values", "doc-url": "https://vuetifyjs.com/api/v-defaults-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "reset", "description": "", "doc-url": "https://vuetifyjs.com/api/v-defaults-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "root", "description": "", "doc-url": "https://vuetifyjs.com/api/v-defaults-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "scoped", "description": "", "doc-url": "https://vuetifyjs.com/api/v-defaults-provider#props", "value": { "kind": "expression", "type": "any" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VDialog", "source": { "module": "./src/components/index.ts", "symbol": "VDialog" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-dialog", "attributes": [ { "name": "fullscreen", "description": "Changes layout for fullscreen display.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": "any" } }, { "name": "origin", "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).", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "default": "'center center'", "value": { "kind": "expression", "type": "string" } }, { "name": "retain-focus", "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.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "scrollable", "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).", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "default": "'auto'", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "transition", "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-dialog#props", "default": "{\"component\":{\"name\":\"VDialogTransition\",\"props\":{}}}", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "click:outside", "description": "Event that fires when clicking outside an active dialog.", "doc-url": "https://vuetifyjs.com/api/v-dialog#events", "arguments": [ { "name": "argument", "type": "MouseEvent" } ] }, { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-dialog#events", "arguments": [ { "name": "argument", "type": "Boolean" } ] }, { "name": "keydown", "description": "Event that fires when key is pressed. If dialog is active and not using the **persistent** prop, the **esc** key will deactivate it.", "doc-url": "https://vuetifyjs.com/api/v-dialog#events", "arguments": [ { "name": "argument", "type": "KeyboardEvent" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-dialog#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-dialog#slots" }, { "name": "activator", "description": "When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation", "doc-url": "https://vuetifyjs.com/api/v-dialog#slots", "vue-properties": [ { "name": "on", "type": "{ [eventName]: eventHandler }" }, { "name": "value", "type": "boolean" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VDivider", "source": { "module": "./src/components/index.ts", "symbol": "VDivider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-divider", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "inset", "description": "Adds indentation (72px) for **normal** dividers, reduces max height for **vertical**.", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "length", "description": "Sets the dividers length. Default unit is px.", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "thickness", "description": "Sets the dividers thickness. Default unit is px.", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "vertical", "description": "Displays dividers vertically.", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-divider#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VExpansionPanels", "source": { "module": "./src/components/index.ts", "symbol": "VExpansionPanels" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "any" } }, { "name": "variant", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "Makes the entire expansion-panel read only.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "Disables the entire expansion-panel", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "Emitted when selection changes", "doc-url": "https://vuetifyjs.com/api/v-expansion-panels#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VExpansionPanel", "source": { "module": "./src/components/index.ts", "symbol": "VExpansionPanel" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel", "attributes": [ { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "value", "description": "Controls the opened/closed state of content", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Disables the expansion-panel content", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "string" } }, { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "value": { "kind": "expression", "type": "string" } }, { "name": "expand-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "'$expand'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "collapse-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "'$collapse'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-actions", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "object" ] } }, { "name": "readonly", "description": "Makes the expansion-panel content read only.", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "change", "description": "Toggles the value of the selected panel", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#events", "arguments": [ { "name": "argument", "type": "void" } ] }, { "name": "click", "description": "Mouse click event", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#events", "arguments": [ { "name": "argument", "type": "MouseEvent" } ] }, { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VExpansionPanelText", "source": { "module": "./src/components/index.ts", "symbol": "VExpansionPanelText" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-text", "attributes": [ { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-text#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VExpansionPanelTitle", "source": { "module": "./src/components/index.ts", "symbol": "VExpansionPanelTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "value": { "kind": "expression", "type": "string" } }, { "name": "expand-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "default": "'$expand'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "collapse-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "default": "'$collapse'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-actions", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "object" ] } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VField", "source": { "module": "./src/components/index.ts", "symbol": "VField" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-field", "attributes": [ { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "append-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "clearable", "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "clear-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "'$clear'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "dirty", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "persistent-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prepend-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "reverse", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "single-line", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "variant", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "'filled'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:prepend-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "click:control", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VFieldLabel", "source": { "module": "./src/components/index.ts", "symbol": "VFieldLabel" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-field-label", "attributes": [ { "name": "floating", "description": "", "doc-url": "https://vuetifyjs.com/api/v-field-label#props", "value": { "kind": "expression", "type": "any" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VFileInput", "source": { "module": "./src/components/index.ts", "symbol": "VFileInput" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input", "attributes": [ { "name": "chips", "description": "Changes display of selections to chips", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter-size-string", "description": "The text displayed when using the **counter** and **show-size** props. Can also be customized globally on the [internationalization page](/customization/internationalization).", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'$vuetify.fileInput.counterSize'", "value": { "kind": "expression", "type": "string" } }, { "name": "counter-string", "description": "The text displayed when using the **counter** prop. Can also be customized globally on the [internationalization page](/customization/internationalization).", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'$vuetify.fileInput.counter'", "value": { "kind": "expression", "type": "string" } }, { "name": "multiple", "description": "Adds the **multiple** attribute to the input, allowing multiple file selections.", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "placeholder", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "show-size", "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**).", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number" ] } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'$file'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "clearable", "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "clear-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'$clear'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "dirty", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "persistent-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prepend-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "reverse", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "single-line", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "variant", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "'filled'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:prepend-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "click:control", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-file-input#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VFooter", "source": { "module": "./src/components/index.ts", "symbol": "VFooter" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer", "attributes": [ { "name": "app", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "'auto'", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "absolute", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "default": "'footer'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-footer#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VForm", "source": { "module": "./src/components/index.ts", "symbol": "VForm" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-form", "attributes": [ { "name": "disabled", "description": "Puts all children inputs into a disabled state.", "doc-url": "https://vuetifyjs.com/api/v-form#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "fast-fail", "description": "", "doc-url": "https://vuetifyjs.com/api/v-form#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "lazy-validation", "description": "If enabled, **value** will always be _true_ unless there are visible validation errors. You can still call `validate()` to manually trigger validation", "doc-url": "https://vuetifyjs.com/api/v-form#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "Puts all children inputs into a readonly state.", "doc-url": "https://vuetifyjs.com/api/v-form#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-form#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-form#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "submit", "description": "Emitted when form is submitted", "doc-url": "https://vuetifyjs.com/api/v-form#events", "arguments": [ { "name": "argument", "type": "SubmitEventPromise" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-form#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VContainer", "source": { "module": "./src/components/index.ts", "symbol": "VContainer" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-container", "attributes": [ { "name": "fluid", "description": "Removes viewport maximum-width size breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-container#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-container#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VCol", "source": { "module": "./src/components/index.ts", "symbol": "VCol" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-col", "attributes": [ { "name": "cols", "description": "Sets the default number of columns the component extends. Available options are: **1 -> 12** and **auto**.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "sm", "description": "Changes the number of columns on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "md", "description": "Changes the number of columns on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "lg", "description": "Changes the number of columns on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "xl", "description": "Changes the number of columns on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "number" ] } }, { "name": "offset", "description": "Sets the default offset for the column.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "offset-sm", "description": "Changes the offset of the component on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "offset-md", "description": "Changes the offset of the component on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "offset-lg", "description": "Changes the offset of the component on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "offset-xl", "description": "Changes the offset of the component on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "offset-xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order", "description": "Sets the default [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order) for the column.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order-sm", "description": "Changes the order of the component on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order-md", "description": "Changes the order of the component on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order-lg", "description": "Changes the order of the component on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order-xl", "description": "Changes the order of the component on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "order-xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "align-self", "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**.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-col#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VRow", "source": { "module": "./src/components/index.ts", "symbol": "VRow" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-row", "attributes": [ { "name": "dense", "description": "Reduces the gutter between `v-col`s.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "value": { "kind": "expression", "type": "any" } }, { "name": "no-gutters", "description": "Removes the gutter between `v-col`s.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "value": { "kind": "expression", "type": "any" } }, { "name": "align", "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**.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-sm", "description": "Changes the **align-items** property on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-md", "description": "Changes the **align-items** property on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-lg", "description": "Changes the **align-items** property on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-xl", "description": "Changes the **align-items** property on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify", "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**.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify-sm", "description": "Changes the **justify-content** property on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify-md", "description": "Changes the **justify-content** property on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify-lg", "description": "Changes the **justify-content** property on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify-xl", "description": "Changes the **justify-content** property on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "justify-xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content", "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**.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content-sm", "description": "Changes the **align-content** property on small and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content-md", "description": "Changes the **align-content** property on medium and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content-lg", "description": "Changes the **align-content** property on large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content-xl", "description": "Changes the **align-content** property on extra large and greater breakpoints.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "align-content-xxl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "null", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-row#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSpacer", "source": { "module": "./src/components/index.ts", "symbol": "VSpacer" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-spacer", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-spacer#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-spacer#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VHover", "source": { "module": "./src/components/index.ts", "symbol": "VHover" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-hover", "attributes": [ { "name": "disabled", "description": "Turns off hover functionality", "doc-url": "https://vuetifyjs.com/api/v-hover#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-hover#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "close-delay", "description": "", "doc-url": "https://vuetifyjs.com/api/v-hover#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "open-delay", "description": "", "doc-url": "https://vuetifyjs.com/api/v-hover#props", "value": { "kind": "expression", "type": [ "number", "string" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-hover#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-hover#slots", "vue-properties": [ { "name": "hover", "type": "boolean" }, { "name": "props", "type": "{\"onMouseenter\":\"function\",\"onMouseleave\":\"function\"}" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VIcon", "source": { "module": "./src/components/index.ts", "symbol": "VIcon" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "value": { "kind": "expression", "type": "string" } }, { "name": "start", "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "end", "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "icon", "description": "Designates a specific icon.", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "default": "'i'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-icon#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VImg", "source": { "module": "./src/components/index.ts", "symbol": "VImg" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-img", "attributes": [ { "name": "aspect-ratio", "description": "Calculated as `width/height`, so for a 1920x1080px image this will be `1.7778`. Will be calculated automatically if omitted.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "alt", "description": "Alternate text for screen readers. Leave empty for decorative images.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "cover", "description": "Resizes the background image to cover the entire container.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "eager", "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.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "gradient", "description": "", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "lazy-src", "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.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "options", "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "default": "{}", "value": { "kind": "expression", "type": "object" } }, { "name": "sizes", "description": "For use with `srcset`, see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes).", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "src", "description": "The image URL. This prop is mandatory.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "default": "", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "srcset", "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).", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "value": { "kind": "expression", "type": "any" } }, { "name": "transition", "description": "The transition to use when switching from `lazy-src` to `src`.", "doc-url": "https://vuetifyjs.com/api/v-img#props", "default": "'fade-transition'", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "0", "description": "", "doc-url": "https://vuetifyjs.com/api/v-img#events", "arguments": [ { "name": "argument" } ] }, { "name": "1", "description": "", "doc-url": "https://vuetifyjs.com/api/v-img#events", "arguments": [ { "name": "argument" } ] }, { "name": "2", "description": "", "doc-url": "https://vuetifyjs.com/api/v-img#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VInput", "source": { "module": "./src/components/index.ts", "symbol": "VInput" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-input", "attributes": [ { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "Appends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "Prepends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "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", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "Sets input label", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-input#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VItemGroup", "source": { "module": "./src/components/index.ts", "symbol": "VItemGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-item-group", "attributes": [ { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class. This class will be available in `v-item` default scoped slot.", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "default": "'v-item--selected'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-item-group#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "Emitted when selection changes", "doc-url": "https://vuetifyjs.com/api/v-item-group#events", "arguments": [ { "name": "argument", "type": "any[] | any" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-item-group#slots", "vue-properties": [ { "name": "isSelected", "type": "(item: any) => boolean" }, { "name": "select", "type": "(item: any, selected: boolean) => void" }, { "name": "next", "type": "() => void" }, { "name": "prev", "type": "() => void" }, { "name": "step", "type": "(steps: number) => void" }, { "name": "selected", "type": "string[]" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VItem", "source": { "module": "./src/components/index.ts", "symbol": "VItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-item", "attributes": [ { "name": "value", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.", "doc-url": "https://vuetifyjs.com/api/v-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Removes the ability to click or target the component.", "doc-url": "https://vuetifyjs.com/api/v-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-item#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-item#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-item#slots", "vue-properties": [ { "name": "selected", "type": "boolean" }, { "name": "selectedClass", "type": "string" }, { "name": "toggle", "type": "() => void" }, { "name": "select", "type": "(selected: boolean) => void" }, { "name": "value", "type": "any" }, { "name": "disabled", "type": "boolean" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VKbd", "source": { "module": "./src/components/index.ts", "symbol": "VKbd" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-kbd", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-kbd#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VLayout", "source": { "module": "./src/components/index.ts", "symbol": "VLayout" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout", "attributes": [ { "name": "overlaps", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "full-height", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VLayoutItem", "source": { "module": "./src/components/index.ts", "symbol": "VLayoutItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item", "attributes": [ { "name": "position", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "size", "description": "Sets the height and width of the component.", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "default": "300", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "absolute", "description": "", "doc-url": "https://vuetifyjs.com/api/v-layout-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VLazy", "source": { "module": "./src/components/index.ts", "symbol": "VLazy" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-lazy", "attributes": [ { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": "any" } }, { "name": "options", "description": "Options that are passed to the [Intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) constructor.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "default": "{}", "value": { "kind": "expression", "type": "object" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "transition", "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-lazy#props", "default": "'fade-transition'", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-lazy#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-lazy#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VList", "source": { "module": "./src/components/index.ts", "symbol": "VList" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list", "attributes": [ { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "any" } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Disables all children `v-list-item` components", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "any" } }, { "name": "lines", "description": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'one'", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "nav", "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "any" } }, { "name": "select-strategy", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'single-leaf'", "value": { "kind": "expression", "type": [ "string", "function" ] } }, { "name": "open-strategy", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'list'", "value": { "kind": "expression", "type": [ "string", "function" ] } }, { "name": "opened", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "array" } }, { "name": "selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "array" } }, { "name": "mandatory", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "item-type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'type'", "value": { "kind": "expression", "type": "string" } }, { "name": "items", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "item-title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'title'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'value'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-children", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'children'", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "item-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'props'", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "return-object", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-list#props", "default": "'text'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:opened", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#events", "arguments": [ { "name": "argument" } ] }, { "name": "click:open", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#events", "arguments": [ { "name": "argument" } ] }, { "name": "click:select", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListGroup", "source": { "module": "./src/components/index.ts", "symbol": "VListGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group", "attributes": [ { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "collapse-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "default": "'$collapse'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "expand-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "default": "'$expand'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "Prepends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "append-icon", "description": "Appends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "fluid", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "subgroup", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "value", "description": "Expands / Collapse the list-group", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list-group#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "click", "description": "Event that is emitted when the component is clicked", "doc-url": "https://vuetifyjs.com/api/v-list-group#events", "arguments": [ { "name": "argument", "type": "MouseEvent" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list-group#slots" }, { "name": "activator", "description": "When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation", "doc-url": "https://vuetifyjs.com/api/v-list-group#slots" }, { "name": "appendIcon", "description": "Appends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-list-group#slots" }, { "name": "prependIcon", "description": "Prepends an icon to the component, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-list-group#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListImg", "source": { "module": "./src/components/index.ts", "symbol": "VListImg" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-img", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-img#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListItem", "source": { "module": "./src/components/index.ts", "symbol": "VListItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item", "attributes": [ { "name": "active", "description": "Controls the **active** state of the item. This is typically used to highlight the component", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "active-class", "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.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "active-color", "description": "The applied color when a `v-list-item` is in an active state", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-avatar", "description": "Appends a [v-avatar](/components/avatars/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "Appends a [v-icon](/components/icons/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Disables the component", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "lines", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "link", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "nav", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-avatar", "description": "Prepends a [v-avatar](/components/avatars/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "Prepends a [v-icon](/components/icons/) component to the header", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "subtitle", "description": "Generates a `v-list-item-subtitle` component with the supplied value", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "Generates a `v-list-item-title` component with the supplied value", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value", "description": "The value used when a child of a [v-list-item-group](/components/list-item-groups).", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "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)`)", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-list-item#props", "default": "'text'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "click", "description": "Event that is emitted when the component is clicked", "doc-url": "https://vuetifyjs.com/api/v-list-item#events", "arguments": [ { "name": "argument", "type": "MouseEvent | KeyboardEvent" } ] }, { "name": "keydown", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item#events", "arguments": [ { "name": "argument", "type": "KeyboardEvent" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list-item#slots", "vue-properties": [ { "name": "active", "type": "boolean" }, { "name": "toggle", "type": "Function" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListItemAction", "source": { "module": "./src/components/index.ts", "symbol": "VListItemAction" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-action", "attributes": [ { "name": "start", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-action#props", "value": { "kind": "expression", "type": "any" } }, { "name": "end", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-action#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list-item-action#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list-item-action#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListItemMedia", "source": { "module": "./src/components/index.ts", "symbol": "VListItemMedia" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-media", "attributes": [ { "name": "start", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-media#props", "value": { "kind": "expression", "type": "any" } }, { "name": "end", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-media#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list-item-media#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListItemSubtitle", "source": { "module": "./src/components/index.ts", "symbol": "VListItemSubtitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-subtitle", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-subtitle#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list-item-subtitle#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListItemTitle", "source": { "module": "./src/components/index.ts", "symbol": "VListItemTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-title", "attributes": [ { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-item-title#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-list-item-title#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VListSubheader", "source": { "module": "./src/components/index.ts", "symbol": "VListSubheader" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-subheader", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props", "value": { "kind": "expression", "type": "any" } }, { "name": "inset", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props", "value": { "kind": "expression", "type": "any" } }, { "name": "sticky", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-list-subheader#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VLocaleProvider", "source": { "module": "./src/components/index.ts", "symbol": "VLocaleProvider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-locale-provider", "attributes": [ { "name": "locale", "description": "", "doc-url": "https://vuetifyjs.com/api/v-locale-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "fallback-locale", "description": "", "doc-url": "https://vuetifyjs.com/api/v-locale-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-locale-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rtl", "description": "", "doc-url": "https://vuetifyjs.com/api/v-locale-provider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VMain", "source": { "module": "./src/components/index.ts", "symbol": "VMain" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-main", "attributes": [ { "name": "scrollable", "description": "", "doc-url": "https://vuetifyjs.com/api/v-main#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-main#props", "default": "'main'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VMenu", "source": { "module": "./src/components/index.ts", "symbol": "VMenu" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-menu", "attributes": [ { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-menu#props", "value": { "kind": "expression", "type": "any" } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-menu#props", "value": { "kind": "expression", "type": "any" } }, { "name": "transition", "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-menu#props", "default": "{\"component\":{\"name\":\"VDialogTransition\",\"props\":{}}}", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-menu#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-menu#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-menu#slots" }, { "name": "activator", "description": "When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation", "doc-url": "https://vuetifyjs.com/api/v-menu#slots", "vue-properties": [ { "name": "attrs", "type": "{ role: string, aria-haspopup: boolean, aria-expanded: string }" }, { "name": "on", "type": "{ [eventName]: eventHandler }" }, { "name": "value", "type": "boolean" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VNavigationDrawer", "source": { "module": "./src/components/index.ts", "symbol": "VNavigationDrawer" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disable-resize-watcher", "description": "Will automatically open/close drawer when resized depending if mobile or desktop.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disable-route-watcher", "description": "Disables opening of navigation drawer when route changes", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "expand-on-hover", "description": "Collapses the drawer to a **mini-variant** until hovering with the mouse", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "floating", "description": "A floating drawer has no visible container (no border-right)", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "permanent", "description": "The drawer remains visible regardless of screen size", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rail", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rail-width", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "56", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "scrim", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "true", "value": { "kind": "expression", "type": [ "string", "boolean" ] } }, { "name": "image", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "temporary", "description": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "touchless", "description": "Disable mobile touch functionality", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "256", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "'start'", "value": { "kind": "expression", "type": "string" } }, { "name": "sticky", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "absolute", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "default": "'nav'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "transitionend", "description": "Emits event object when transition is complete.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#events", "arguments": [ { "name": "argument", "type": "object" } ] }, { "name": "update:mini-variant", "description": "The `mini-variant.sync` event", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#slots" }, { "name": "append", "description": "A slot at the bottom of the drawer", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#slots" }, { "name": "img", "description": "Used to modify `v-img` properties when using the **src** prop", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#slots", "vue-properties": [ { "name": "height", "type": "string" }, { "name": "src", "type": "string | srcObject" } ] }, { "name": "prepend", "description": "A slot at the top of the drawer", "doc-url": "https://vuetifyjs.com/api/v-navigation-drawer#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VNoSsr", "source": { "module": "./src/components/index.ts", "symbol": "VNoSsr" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-no-ssr", "attributes": [], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VOverlay", "source": { "module": "./src/components/index.ts", "symbol": "VOverlay" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay", "attributes": [ { "name": "absolute", "description": "Applies **position: absolute** to the content element.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "attach", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "close-on-back", "description": "Closes the overlay content when the browser's back button is pressed or `$router.back()` is called, cancelling the original navigation. `persistent` overlays will cancel navigation and animate as if they were clicked outside instead of closing.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "contained", "description": "Limits the size of the component and scrim to its offset parent. Implies `absolute` and `attach`.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "content-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "content-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "no-click-animation", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent", "description": "Clicking outside or pressing **esc** key will not dismiss the dialog", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "any" } }, { "name": "scrim", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "true", "value": { "kind": "expression", "type": [ "string", "boolean" ] } }, { "name": "z-index", "description": "The z-index used for the component", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "2000", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "activator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "activator-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "{}", "value": { "kind": "expression", "type": "object" } }, { "name": "open-on-click", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "open-on-hover", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "open-on-focus", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "close-on-content-click", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "close-delay", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "open-delay", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "location-strategy", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "'static'", "value": { "kind": "expression", "type": [ "string", "function" ] } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "'bottom'", "value": { "kind": "expression", "type": "string" } }, { "name": "origin", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "'auto'", "value": { "kind": "expression", "type": "string" } }, { "name": "offset", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": [ "number", "string", "array" ] } }, { "name": "scroll-strategy", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "'block'", "value": { "kind": "expression", "type": [ "string", "function" ] } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "value": { "kind": "expression", "type": "string" } }, { "name": "transition", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#props", "default": "'fade-transition'", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "click:outside", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#events", "arguments": [ { "name": "argument" } ] }, { "name": "afterLeave", "description": "", "doc-url": "https://vuetifyjs.com/api/v-overlay#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-overlay#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VPagination", "source": { "module": "./src/components/index.ts", "symbol": "VPagination" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-pagination", "attributes": [ { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "any" } }, { "name": "start", "description": "Specify the starting page", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "model-value", "description": "Current selected page", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "number" } }, { "name": "disabled", "description": "Disables component", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "any" } }, { "name": "length", "description": "The number of pages", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "total-visible", "description": "Specify the total visible pagination numbers", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "any" } }, { "name": "first-icon", "description": "The icon to use for the first button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$first'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prev-icon", "description": "The icon to use for the prev button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$prev'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "next-icon", "description": "The icon to use for the next button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$next'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "last-icon", "description": "The icon to use for the last button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$last'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "aria-label", "description": "Label for the root element", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.root'", "value": { "kind": "expression", "type": "string" } }, { "name": "page-aria-label", "description": "Label for each page button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.page'", "value": { "kind": "expression", "type": "string" } }, { "name": "current-page-aria-label", "description": "Label for the currently selected page", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.currentPage'", "value": { "kind": "expression", "type": "string" } }, { "name": "first-aria-label", "description": "Label for the go to first button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.first'", "value": { "kind": "expression", "type": "string" } }, { "name": "previous-aria-label", "description": "Label for the previous button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.previous'", "value": { "kind": "expression", "type": "string" } }, { "name": "next-aria-label", "description": "Label for the next button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.next'", "value": { "kind": "expression", "type": "string" } }, { "name": "last-aria-label", "description": "Label for the go to last button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'$vuetify.pagination.ariaLabel.last'", "value": { "kind": "expression", "type": "string" } }, { "name": "ellipsis", "description": "Text to show between page buttons when truncating the list", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'...'", "value": { "kind": "expression", "type": "string" } }, { "name": "show-first-last-page", "description": "Show buttons for going to first and last page", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'nav'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "string" } }, { "name": "color", "description": "Color of the selected page button", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-pagination#props", "default": "'text'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "Emitted when current selected page is updated", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "next", "description": "Emitted when clicking on go to next button", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "previous", "description": "Emitted when clicking on go to previous button", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "first", "description": "Emitted when clicking on go to first button", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "last", "description": "Emitted when clicking on go to last button", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "prev", "description": "", "doc-url": "https://vuetifyjs.com/api/v-pagination#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VParallax", "source": { "module": "./src/components/index.ts", "symbol": "VParallax" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-parallax", "attributes": [ { "name": "scale", "description": "", "doc-url": "https://vuetifyjs.com/api/v-parallax#props", "default": "1.3", "value": { "kind": "expression", "type": [ "number", "string" ] } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-parallax#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VProgressCircular", "source": { "module": "./src/components/index.ts", "symbol": "VProgressCircular" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-circular", "attributes": [ { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "value": { "kind": "expression", "type": "any" } }, { "name": "indeterminate", "description": "Constantly animates, use when loading progress is unknown. If set to the string `'disable-shrink'` it will use a simpler animation that does not run on the main thread.", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "The percentage value for current progress", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rotate", "description": "Rotates the circle start point in degrees", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the stroke of the circle in pixels", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "default": "4", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "size", "description": "Sets the diameter of the circle in pixels", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-progress-circular#slots", "vue-properties": [ { "name": "value", "type": "number" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VProgressLinear", "source": { "module": "./src/components/index.ts", "symbol": "VProgressLinear" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear", "attributes": [ { "name": "active", "description": "Reduce the height to 0, hiding component", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "bg-color", "description": "Background color, set to component's color if null", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "bg-opacity", "description": "Background opacity, if null it defaults to 0.3 if background color is not specified or 1 otherwise", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "buffer-value", "description": "The percentage value for the buffer", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "clickable", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "4", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "indeterminate", "description": "Constantly animates, use when loading progress is unknown.", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "max", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "100", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "reverse", "description": "Displays reversed progress (right to left in LTR mode and left to right in RTL)", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "stream", "description": "An alternative style for portraying loading that works in tandem with **buffer-value**", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "striped", "description": "Adds a stripe background to the filled portion of the progress component", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rounded-bar", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "Emitted when the component value is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#events", "arguments": [ { "name": "argument", "type": "number" } ] } ], "slots": [ { "name": "default", "description": "Provides the current value of the component", "doc-url": "https://vuetifyjs.com/api/v-progress-linear#slots", "vue-properties": [ { "name": "value", "type": "number" }, { "name": "buffer", "type": "number" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VRadio", "source": { "module": "./src/components/index.ts", "symbol": "VRadio" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "false-icon", "description": "The icon used when inactive", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "'$radioOff'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "The icon used when active", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "'$radioOn'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "name", "description": "Sets the component's name attribute", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-radio#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VRadioGroup", "source": { "module": "./src/components/index.ts", "symbol": "VRadioGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group", "attributes": [ { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'auto'", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "Sets the component's name attribute", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "Displays radio buttons in row", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "false-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'$radioOff'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'$radioOn'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "default": "'radio'", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-radio-group#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-radio-group#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VRangeSlider", "source": { "module": "./src/components/index.ts", "symbol": "VRangeSlider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider", "attributes": [ { "name": "focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "[0,0]", "value": { "kind": "expression", "type": "array" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "max", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "100", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "step", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "thumb-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "thumb-label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "thumb-size", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "20", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "show-ticks", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "ticks", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": [ "array", "object" ] } }, { "name": "tick-size", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "2", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-fill-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-size", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "4", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "reverse", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "default": "2", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "strict", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "update:focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-range-slider#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VRating", "source": { "module": "./src/components/index.ts", "symbol": "VRating" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating", "attributes": [ { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "item-aria-label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'$vuetify.rating.ariaLabel.item'", "value": { "kind": "expression", "type": "string" } }, { "name": "active-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "clearable", "description": "Allows for the component to be cleared by clicking on the current value", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "empty-icon", "description": "The icon displayed when empty", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'$ratingEmpty'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "full-icon", "description": "The icon displayed when full", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'$ratingFull'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "half-increments", "description": "Allows the selection of half increments", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hover", "description": "Provides visual feedback when hovering over icons", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "length", "description": "The amount of items to show", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "5", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "readonly", "description": "Removes all hover effects and pointer events", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "The rating value", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "0", "value": { "kind": "expression", "type": "number" } }, { "name": "item-labels", "description": "Array of labels to display next to each item.", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "item-label-position", "description": "Position of item labels. Accepts 'top' and 'bottom'.", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'top'", "value": { "kind": "expression", "type": "string" } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "size", "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**.", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-rating#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "Emits the rating number when this value changes", "doc-url": "https://vuetifyjs.com/api/v-rating#events", "arguments": [ { "name": "argument", "type": "Number" } ] } ], "slots": [ { "name": "item", "description": "The slot for each item", "doc-url": "https://vuetifyjs.com/api/v-rating#slots", "vue-properties": [ { "name": "onMouseenter", "type": "() => void" }, { "name": "onMouseleave", "type": "() => void" }, { "name": "onMousemove", "type": "() => void" }, { "name": "onClick", "type": "() => void" }, { "name": "icon", "type": "string" }, { "name": "color", "type": "string" }, { "name": "size", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "ariaLabel", "type": "string" }, { "name": "isFilled", "type": "boolean" }, { "name": "isHalfFilled", "type": "boolean" }, { "name": "isHovered", "type": "boolean" }, { "name": "isHalfHovered", "type": "boolean" }, { "name": "index", "type": "number" }, { "name": "value", "type": "number" }, { "name": "hasLabels", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ripple", "type": "boolean" }, { "name": "density", "type": "string" }, { "name": "readonly", "type": "boolean" }, { "name": "tabindex", "type": "number | undefined" } ] }, { "name": "item-label", "description": "The slot for each item label", "doc-url": "https://vuetifyjs.com/api/v-rating#slots", "vue-properties": [ { "name": "onMouseenter", "type": "() => void" }, { "name": "onMouseleave", "type": "() => void" }, { "name": "onMousemove", "type": "() => void" }, { "name": "onClick", "type": "() => void" }, { "name": "icon", "type": "string" }, { "name": "color", "type": "string" }, { "name": "size", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "ariaLabel", "type": "string" }, { "name": "isFilled", "type": "boolean" }, { "name": "isHalfFilled", "type": "boolean" }, { "name": "isHovered", "type": "boolean" }, { "name": "isHalfHovered", "type": "boolean" }, { "name": "index", "type": "number" }, { "name": "value", "type": "number" }, { "name": "hasLabels", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ripple", "type": "boolean" }, { "name": "density", "type": "string" }, { "name": "readonly", "type": "boolean" }, { "name": "tabindex", "type": "number | undefined" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VResponsive", "source": { "module": "./src/components/index.ts", "symbol": "VResponsive" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-responsive", "attributes": [ { "name": "aspect-ratio", "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.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": "any" } }, { "name": "content-class", "description": "Apply a custom class to the responsive content div.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-responsive#props", "value": { "kind": "expression", "type": [ "number", "string" ] } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSelect", "source": { "module": "./src/components/index.ts", "symbol": "VSelect" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-select", "attributes": [ { "name": "chips", "description": "Changes display of selections to chips", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "closable-chips", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "eager", "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.", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-no-data", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "hide-selected", "description": "Do not display in the select menu items that are already selected", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "menu-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "'$dropdown'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "menu-props", "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 }\"`", "doc-url": "https://vuetifyjs.com/api/v-select#props", "value": { "kind": "expression", "type": "object" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "[]", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Changes select to multiple. Accepts array for value", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "no-data-text", "description": "Display text when there is no data", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "'$vuetify.noDataText'", "value": { "kind": "expression", "type": "string" } }, { "name": "open-on-clear", "description": "When using the **clearable** prop, once cleared, the select menu will either open or stay open, depending on the current state", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "items", "description": "Can be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the **item-title**, **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.", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "item-title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "'title'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-value", "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)", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "'value'", "value": { "kind": "expression", "type": [ "string", "array", "function" ] } }, { "name": "item-children", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "item-props", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "'props'", "value": { "kind": "expression", "type": [ "boolean", "string", "array", "function" ] } }, { "name": "return-object", "description": "Changes the selection behavior to return the object directly rather than the value specified with **item-value**", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "transition", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#props", "default": "{\"component\":{\"name\":\"VDialogTransition\",\"props\":{}}}", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:menu", "description": "", "doc-url": "https://vuetifyjs.com/api/v-select#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSelectionControl", "source": { "module": "./src/components/index.ts", "symbol": "VSelectionControl" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "false-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-selection-control#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSelectionControlGroup", "source": { "module": "./src/components/index.ts", "symbol": "VSelectionControlGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group", "attributes": [ { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "true-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-selection-control-group#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSheet", "source": { "module": "./src/components/index.ts", "symbol": "VSheet" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-sheet", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": "any" } }, { "name": "border", "description": "Applies border styles to component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-sheet#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSlideGroup", "source": { "module": "./src/components/index.ts", "symbol": "VSlideGroup" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group", "attributes": [ { "name": "center-active", "description": "Forces the selected component to be centered", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "symbol", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "next-icon", "description": "The appended slot when arrows are shown", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "'$next'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prev-icon", "description": "The prepended slot when arrows are shown", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "'$prev'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "show-arrows", "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).", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "model-value", "description": "Represents the selected item(s). Will be an array if **multiple** prop is used.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "value": { "kind": "expression", "type": "any" } }, { "name": "multiple", "description": "Allows one to select mulitple items.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "mandatory", "description": "Forces at least one item to always be selected (if available).", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "max", "description": "Sets a maximum number of selections that can be made.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "value": { "kind": "expression", "type": "number" } }, { "name": "selected-class", "description": "Configure the selected CSS class.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "'v-slide-group-item--active'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "change", "description": "Emitted when the component value is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-slide-group#events", "arguments": [ { "name": "argument", "type": "any[] | any" } ] }, { "name": "click:prev", "description": "Emitted when the prev is clicked", "doc-url": "https://vuetifyjs.com/api/v-slide-group#events", "arguments": [ { "name": "argument", "type": "void" } ] }, { "name": "click:next", "description": "Emitted when the next is clicked", "doc-url": "https://vuetifyjs.com/api/v-slide-group#events", "arguments": [ { "name": "argument", "type": "void" } ] }, { "name": "update:modelValue", "description": "Emitted when selection changes", "doc-url": "https://vuetifyjs.com/api/v-slide-group#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-slide-group#slots" }, { "name": "next", "description": "The next slot", "doc-url": "https://vuetifyjs.com/api/v-slide-group#slots" }, { "name": "prev", "description": "The prev slot", "doc-url": "https://vuetifyjs.com/api/v-slide-group#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSlideGroupItem", "source": { "module": "./src/components/index.ts", "symbol": "VSlideGroupItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group-item", "attributes": [ { "name": "value", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.", "doc-url": "https://vuetifyjs.com/api/v-slide-group-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Removes the ability to click or target the component.", "doc-url": "https://vuetifyjs.com/api/v-slide-group-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-slide-group-item#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slide-group-item#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSlider", "source": { "module": "./src/components/index.ts", "symbol": "VSlider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider", "attributes": [ { "name": "focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "max", "description": "Sets the maximum allowed value", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "100", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min", "description": "Sets the minimum allowed value", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "step", "description": "If greater than 0, sets step interval for ticks", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "thumb-color", "description": "Sets the thumb and thumb label color", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "thumb-label", "description": "Show thumb label. If `true` it shows label when using slider. If set to `'always'` it always shows label.", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "thumb-size", "description": "Controls the size of the thumb label.", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "20", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "show-ticks", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "ticks", "description": "Show track ticks. If `true` it shows ticks when using slider. If set to `'always'` it always shows ticks.", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": [ "array", "object" ] } }, { "name": "tick-size", "description": "Controls the size of **ticks**", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "2", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-color", "description": "Sets the track's color", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-fill-color", "description": "Sets the track's fill color", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "track-size", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "4", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "reverse", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "2", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "update:focused", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-slider#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSnackbar", "source": { "module": "./src/components/index.ts", "symbol": "VSnackbar" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar", "attributes": [ { "name": "content-class", "description": "Apply a custom class to the snackbar content", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "", "value": { "kind": "expression", "type": "string" } }, { "name": "multi-line", "description": "Gives the snackbar a larger minimum height.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "timeout", "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.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "5000", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "vertical", "description": "Stacks snackbar content on top of the actions (button).", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "'bottom'", "value": { "kind": "expression", "type": "string" } }, { "name": "position", "description": "Specifies the type of positioning method used for an element. Available options are: **static**, **relative**, **fixed**, **absolute**, and **sticky**.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "'elevated'", "value": { "kind": "expression", "type": "string" } }, { "name": "transition", "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#props", "default": "'v-snackbar-transition'", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "input", "description": "The updated bound model", "doc-url": "https://vuetifyjs.com/api/v-snackbar#events", "arguments": [ { "name": "argument", "type": "boolean" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-snackbar#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#slots" }, { "name": "actions", "description": "Used to bind styles to [v-btn](/components/buttons) to match MD2 specification.", "doc-url": "https://vuetifyjs.com/api/v-snackbar#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSwitch", "source": { "module": "./src/components/index.ts", "symbol": "VSwitch" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch", "attributes": [ { "name": "indeterminate", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "inset", "description": "Enlarge the `v-switch` track to encompass the thumb", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "flat", "description": "Display component without elevation. Default elevation for thumb is 4dp, `flat` resets it", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "loading", "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", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "false-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "true-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "multiple", "description": "Changes expected model to an array", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "true-value", "description": "Sets value for truthy state", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "false-value", "description": "Sets value for falsy state", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } }, { "name": "value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "any" } }, { "name": "value-comparator", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "function" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-switch#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "update:indeterminate", "description": "", "doc-url": "https://vuetifyjs.com/api/v-switch#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VSystemBar", "source": { "module": "./src/components/index.ts", "symbol": "VSystemBar" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "window", "description": "Increases the system bar height to 32px (24px default).", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": "any" } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "order", "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "default": "0", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "absolute", "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-system-bar#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTabs", "source": { "module": "./src/components/index.ts", "symbol": "VTabs" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs", "attributes": [ { "name": "align-with-title", "description": "Make `v-tabs` lined up with the toolbar title", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "fixed-tabs", "description": "`v-tabs-item` min-width 160px, max-width 360px", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "items", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "stacked", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "centered", "description": "Centers the tabs", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "grow", "description": "Force `v-tab`'s to take up all available space", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height of the tabs bar", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "hide-slider", "description": "Hide's the generated `v-tabs-slider`", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "optional", "description": "Does not require an active item. Useful when using `v-tab` as a `router-link`", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "end", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "slider-color", "description": "Changes the background color of an auto-generated `v-tabs-slider`", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-tabs#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "change", "description": "Emitted when tab is changed by user interaction. Returns a string if **href** attribute is set and number if it is not.", "doc-url": "https://vuetifyjs.com/api/v-tabs#events", "arguments": [ { "name": "argument", "type": "number | string" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tabs#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-tabs#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTab", "source": { "module": "./src/components/index.ts", "symbol": "VTab" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab", "attributes": [ { "name": "fixed", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "stacked", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "true", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "slider-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-slider", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "href", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "string" } }, { "name": "replace", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "to", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": [ "string", "object" ] } }, { "name": "value", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Removes the ability to click or target the component.", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "default": "'v-tab--selected'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-tab#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "change", "description": "Emitted when tab becomes active", "doc-url": "https://vuetifyjs.com/api/v-tab#events", "arguments": [ { "name": "argument", "type": "void" } ] }, { "name": "click", "description": "Emitted when the component is clicked", "doc-url": "https://vuetifyjs.com/api/v-tab#events", "arguments": [ { "name": "argument", "type": "ClickEvent" } ] }, { "name": "keydown", "description": "Emitted when **enter** key is pressed", "doc-url": "https://vuetifyjs.com/api/v-tab#events", "arguments": [ { "name": "argument", "type": "KeyboardEvent" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-tab#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTable", "source": { "module": "./src/components/index.ts", "symbol": "VTable" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-table", "attributes": [ { "name": "fixed-header", "description": "", "doc-url": "https://vuetifyjs.com/api/v-table#props", "value": { "kind": "expression", "type": "any" } }, { "name": "fixed-footer", "description": "", "doc-url": "https://vuetifyjs.com/api/v-table#props", "value": { "kind": "expression", "type": "any" } }, { "name": "height", "description": "Sets the height for the component", "doc-url": "https://vuetifyjs.com/api/v-table#props", "value": { "kind": "expression", "type": "any" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-table#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-table#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-table#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTextarea", "source": { "module": "./src/components/index.ts", "symbol": "VTextarea" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea", "attributes": [ { "name": "auto-grow", "description": "Automatically grow the textarea depending on amount of text", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "autofocus", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prefix", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "placeholder", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-placeholder", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-counter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "no-resize", "description": "Remove resize handle", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rows", "description": "Default row count", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "5", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-rows", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "suffix", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "clearable", "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "clear-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "'$clear'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "dirty", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "persistent-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prepend-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "reverse", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "single-line", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "variant", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "'filled'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:prepend-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "value": { "kind": "expression", "type": "string" } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "click:control", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-textarea#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTextField", "source": { "module": "./src/components/index.ts", "symbol": "VTextField" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field", "attributes": [ { "name": "autofocus", "description": "Enables autofocus", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter", "description": "Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "counter-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-hint", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "prefix", "description": "Displays prefix text", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "placeholder", "description": "Sets the input’s placeholder text", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-placeholder", "description": "Forces placeholder to always be visible", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "persistent-counter", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "suffix", "description": "Displays suffix text", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "type", "description": "Sets input type", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "'text'", "value": { "kind": "expression", "type": "string" } }, { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "append-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "prepend-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "hide-details", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:prepend", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "any" } }, { "name": "append-inner-icon", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "bg-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "clearable", "description": "Add input clear functionality, default icon is Material Design Icons **mdi-clear**", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "clear-icon", "description": "Applied when using **clearable** and the input is dirty", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "'$clear'", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "active", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "dirty", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "persistent-clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "prepend-inner-icon", "description": "Prepends an icon inside the component's input, uses the same syntax as `v-icon`", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "string", "function", "object" ] } }, { "name": "reverse", "description": "Reverses the input orientation", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "single-line", "description": "Label does not move on focus/dirty", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "variant", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "'filled'", "value": { "kind": "expression", "type": "string" } }, { "name": "on-click:clear", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:append-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "on-click:prepend-inner", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": [ "function", "array" ] } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "value": { "kind": "expression", "type": "string" } }, { "name": "loading", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "click:control", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#events", "arguments": [ { "name": "argument" } ] }, { "name": "click:input", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#events", "arguments": [ { "name": "argument" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-text-field#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VThemeProvider", "source": { "module": "./src/components/index.ts", "symbol": "VThemeProvider" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-theme-provider", "attributes": [ { "name": "with-background", "description": "", "doc-url": "https://vuetifyjs.com/api/v-theme-provider#props", "value": { "kind": "expression", "type": "any" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-theme-provider#props", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-theme-provider#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTimeline", "source": { "module": "./src/components/index.ts", "symbol": "VTimeline" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline", "attributes": [ { "name": "align", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "'center'", "value": { "kind": "expression", "type": "string" } }, { "name": "direction", "description": "Display timeline in a **vertical** or **horizontal** direction", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "'vertical'", "value": { "kind": "expression", "type": "string" } }, { "name": "side", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "value": { "kind": "expression", "type": "string" } }, { "name": "line-inset", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "0", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "line-thickness", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "2", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "line-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "value": { "kind": "expression", "type": "any" } }, { "name": "truncate-line", "description": "Truncate timeline directly at the **start** or **end** of the line, or on **both** ends", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**.", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-timeline#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-timeline#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTimelineItem", "source": { "module": "./src/components/index.ts", "symbol": "VTimelineItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline-item", "attributes": [ { "name": "density", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "dot-color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "fill-dot", "description": "Remove outer border of item dot, making the color fill the entire dot", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-dot", "description": "Hide the timeline item dot", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "hide-opposite", "description": "Hide opposite content if it exists", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "icon", "description": "Specify icon to display inside dot", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "icon-color", "description": "Color of the icon", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "line-inset", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "size", "description": "Size of the item dot", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "default": "'default'", "value": { "kind": "expression", "type": [ "string", "number" ] } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "description": "Sets the height for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-height", "description": "Sets the maximum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "max-width", "description": "Sets the maximum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-height", "description": "Sets the minimum height for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "min-width", "description": "Sets the minimum width for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "width", "description": "Sets the width for the component.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#props", "value": { "kind": "expression", "type": [ "number", "string" ] } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#slots" }, { "name": "icon", "description": "Used to customize the icon inside the item dot", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#slots", "vue-properties": [ { "name": "icon", "type": "string" }, { "name": "iconColor", "type": "string" } ] }, { "name": "opposite", "description": "Used to customize the opposite side of timeline items", "doc-url": "https://vuetifyjs.com/api/v-timeline-item#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VToolbar", "source": { "module": "./src/components/index.ts", "symbol": "VToolbar" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar", "attributes": [ { "name": "absolute", "description": "Applies position: absolute to the component.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "collapse", "description": "Puts the toolbar into a collapsed state reducing its maximum width.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "density", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "'default'", "value": { "kind": "expression", "type": "string" } }, { "name": "extended", "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**.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "extension-height", "description": "Specify an explicit height for the `extension` slot. ", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "48", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "flat", "description": "Removes the toolbar's box-shadow.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "floating", "description": "Applies **display: inline-flex** to the component.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "height", "description": "Designates a specific height for the toolbar. Overrides the heights imposed by other props, e.g. **prominent**, **dense**, **extended**, etc.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "64", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "image", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "title", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "elevation", "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation).", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "rounded", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "number", "string" ] } }, { "name": "tag", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "default": "'header'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar#props", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#slots" }, { "name": "extension", "description": "Slot positioned directly under the main content of the toolbar. Height of this slot can be set explicitly with the **extension-height** prop. If this slot has no content, the **extended** prop may be used instead.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#slots" }, { "name": "img", "description": "Expects the [v-img](/components/images) component. Scoped **props** should be applied with `v-bind=\"props\"`.", "doc-url": "https://vuetifyjs.com/api/v-toolbar#slots", "vue-properties": [ { "name": "props", "type": "{ height: string, src: string | srcObject }" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VToolbarTitle", "source": { "module": "./src/components/index.ts", "symbol": "VToolbarTitle" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar-title", "attributes": [ { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar-title#props", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-toolbar-title#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-toolbar-title#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VToolbarItems", "source": { "module": "./src/components/index.ts", "symbol": "VToolbarItems" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar-items", "attributes": [ { "name": "color", "description": "", "doc-url": "https://vuetifyjs.com/api/v-toolbar-items#props", "value": { "kind": "expression", "type": "string" } }, { "name": "variant", "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**.", "doc-url": "https://vuetifyjs.com/api/v-toolbar-items#props", "default": "'text'", "value": { "kind": "expression", "type": "string" } } ], "events": [], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-toolbar-items#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VTooltip", "source": { "module": "./src/components/index.ts", "symbol": "VTooltip" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip", "attributes": [ { "name": "id", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "text", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "value": { "kind": "expression", "type": "any" } }, { "name": "location", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "default": "'end'", "value": { "kind": "expression", "type": "string" } }, { "name": "origin", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "default": "'auto'", "value": { "kind": "expression", "type": "string" } }, { "name": "transition", "description": "Sets the component transition. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-tooltip#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string", "object" ] } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-tooltip#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-tooltip#slots" }, { "name": "activator", "description": "When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation", "doc-url": "https://vuetifyjs.com/api/v-tooltip#slots", "vue-properties": [ { "name": "on", "type": "{ [eventName]: eventHandler }" }, { "name": "value", "type": "boolean" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VValidation", "source": { "module": "./src/components/index.ts", "symbol": "VValidation" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation", "attributes": [ { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "error-messages", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "[]", "value": { "kind": "expression", "type": [ "array", "string" ] } }, { "name": "max-errors", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "1", "value": { "kind": "expression", "type": [ "number", "string" ] } }, { "name": "name", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "value": { "kind": "expression", "type": "string" } }, { "name": "label", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "value": { "kind": "expression", "type": "string" } }, { "name": "readonly", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "rules", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "default": "[]", "value": { "kind": "expression", "type": "array" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "value": { "kind": "expression", "type": "any" } }, { "name": "validation-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#props", "value": { "kind": "expression", "type": "any" } } ], "events": [ { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-validation#events", "arguments": [ { "name": "argument" } ] } ], "slots": [], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VWindow", "source": { "module": "./src/components/index.ts", "symbol": "VWindow" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-window", "attributes": [ { "name": "touch", "description": "Provide a custom **left** and **right** function when swiped left or right.", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "false", "value": { "kind": "expression", "type": [ "object", "boolean" ] } }, { "name": "continuous", "description": "If `true`, window will \"wrap around\" from the last item to the first, and from the first item to the last", "doc-url": "https://vuetifyjs.com/api/v-window#props", "value": { "kind": "expression", "type": "any" } }, { "name": "next-icon", "description": "Icon used for the \"next\" button if `show-arrows` is `true`", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'$next'", "value": { "kind": "expression", "type": [ "boolean", "string", "function", "object" ] } }, { "name": "prev-icon", "description": "Icon used for the \"prev\" button if `show-arrows` is `true`", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'$prev'", "value": { "kind": "expression", "type": [ "boolean", "string", "function", "object" ] } }, { "name": "reverse", "description": "Reverse the normal transition direction.", "doc-url": "https://vuetifyjs.com/api/v-window#props", "value": { "kind": "expression", "type": "any" } }, { "name": "show-arrows", "description": "Display the \"next\" and \"prev\" buttons", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "direction", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'horizontal'", "value": { "kind": "expression", "type": "string" } }, { "name": "model-value", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#props", "value": { "kind": "expression", "type": "any" } }, { "name": "selected-class", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'v-window-item--active'", "value": { "kind": "expression", "type": "string" } }, { "name": "mandatory", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'force'", "value": { "kind": "expression", "type": "any" } }, { "name": "tag", "description": "Specify a custom tag used on the root element.", "doc-url": "https://vuetifyjs.com/api/v-window#props", "default": "'div'", "value": { "kind": "expression", "type": "string" } }, { "name": "theme", "description": "Specify a theme for this component and all of its children", "doc-url": "https://vuetifyjs.com/api/v-window#props", "value": { "kind": "expression", "type": "string" } } ], "events": [ { "name": "change", "description": "Emitted when the component value is changed by user interaction", "doc-url": "https://vuetifyjs.com/api/v-window#events", "arguments": [ { "name": "argument", "type": "number" } ] }, { "name": "update:modelValue", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-window#slots" }, { "name": "next", "description": "Slot displaying the arrow switching to the next item", "doc-url": "https://vuetifyjs.com/api/v-window#slots", "vue-properties": [ { "name": "attrs", "type": "{ aria-label: string }" }, { "name": "on", "type": "{ click: eventHandler }" } ] }, { "name": "prev", "description": "Slot displaying the arrow switching to the previous item", "doc-url": "https://vuetifyjs.com/api/v-window#slots", "vue-properties": [ { "name": "attrs", "type": "{ aria-label: string }" }, { "name": "on", "type": "{ click: eventHandler }" } ] } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } }, { "name": "VWindowItem", "source": { "module": "./src/components/index.ts", "symbol": "VWindowItem" }, "description": "", "doc-url": "https://vuetifyjs.com/api/v-window-item", "attributes": [ { "name": "reverse-transition", "description": "Sets the reverse transition", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "transition", "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own.", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "default": "false", "value": { "kind": "expression", "type": [ "boolean", "string" ] } }, { "name": "value", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used.", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "value": { "kind": "expression", "type": "any" } }, { "name": "disabled", "description": "Prevents the item from becoming active when using the \"next\" and \"prev\" buttons or the `toggle` method", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" }, { "name": "selected-class", "description": "Configure the active CSS class applied when the item is selected.", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "value": { "kind": "expression", "type": "string" } }, { "name": "eager", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window-item#props", "default": "false", "value": { "kind": "expression", "type": "boolean" }, "type": "boolean" } ], "events": [ { "name": "group:selected", "description": "", "doc-url": "https://vuetifyjs.com/api/v-window-item#events", "arguments": [ { "name": "argument" } ] } ], "slots": [ { "name": "default", "description": "The default Vue slot.", "doc-url": "https://vuetifyjs.com/api/v-window-item#slots" } ], "vue-model": { "prop": "modelValue", "event": "update:modelValue" } } ], "attributes": [ { "name": "v-intersect", "description": "", "doc-url": "https://vuetifyjs.com/api/v-intersect", "default": "", "required": false, "value": { "kind": "expression" }, "source": { "module": "./src/directives/index.ts", "symbol": "Intersect" }, "vue-argument": { "description": "", "doc-url": "https://vuetifyjs.com/api/v-intersect#argument" }, "vue-modifiers": [ { "name": "once", "description": "Will only invoke the provided user callback on mount and once intersected. If using the **quiet** modifier will only invoke once.", "doc-url": "https://vuetifyjs.com/api/v-intersect#modifiers" }, { "name": "quiet", "description": "Will not automatically invoke the provided callback on bind.", "doc-url": "https://vuetifyjs.com/api/v-intersect#modifiers" } ] }, { "name": "v-ripple", "description": "", "doc-url": "https://vuetifyjs.com/api/v-ripple", "default": "", "required": false, "value": { "kind": "expression" }, "source": { "module": "./src/directives/index.ts", "symbol": "Ripple" }, "vue-argument": { "description": "", "doc-url": "https://vuetifyjs.com/api/v-ripple#argument" } }, { "name": "v-resize", "description": "", "doc-url": "https://vuetifyjs.com/api/v-resize", "default": "", "required": false, "value": { "kind": "expression" }, "source": { "module": "./src/directives/index.ts", "symbol": "Resize" }, "vue-argument": { "description": "", "doc-url": "https://vuetifyjs.com/api/v-resize#argument" }, "vue-modifiers": [ { "name": "quiet", "description": "Will **not** automatically invoke the provided callback on bind.", "doc-url": "https://vuetifyjs.com/api/v-resize#modifiers" } ] }, { "name": "v-scroll", "description": "", "doc-url": "https://vuetifyjs.com/api/v-scroll", "default": "", "required": false, "value": { "kind": "expression" }, "source": { "module": "./src/directives/index.ts", "symbol": "Scroll" }, "vue-argument": { "description": "", "doc-url": "https://vuetifyjs.com/api/v-scroll#argument" }, "vue-modifiers": [ { "name": "#target", "description": "The target watched for scroll changes. Defaults to window but can be changed to any valid id selector.", "doc-url": "https://vuetifyjs.com/api/v-scroll#modifiers" }, { "name": "self", "description": "Binds to the element that the the directive is attached.", "doc-url": "https://vuetifyjs.com/api/v-scroll#modifiers" } ] }, { "name": "v-touch", "description": "", "doc-url": "https://vuetifyjs.com/api/v-touch", "default": "", "required": false, "value": { "kind": "expression" }, "source": { "module": "./src/directives/index.ts", "symbol": "Touch" }, "vue-argument": { "description": "", "doc-url": "https://vuetifyjs.com/api/v-touch#argument" } } ] } } }