vuetify
Version:
Vue Material Component Framework
1,161 lines • 1.24 MB
JSON
{
"$schema": "http://json.schemastore.org/web-types",
"framework": "vue",
"name": "vuetify",
"version": "3.1.7",
"contributions": {
"html": {
"types-syntax": "typescript",
"description-markup": "markdown",
"tags": [
{
"name": "v-app",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-app"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-app",
"attributes": [
{
"name": "fullHeight",
"description": "Sets the component height to 100%",
"doc-url": "https://vuetifyjs.com/api/v-app#props",
"default": "true",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "overlaps",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/layout.json))",
"doc-url": "https://vuetifyjs.com/api/v-app#props",
"default": "[]",
"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-app#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-app#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild }"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "The default Vue slot.",
"doc-url": "https://vuetifyjs.com/api/v-app#slots"
}
],
"vue-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-app-bar",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-app-bar"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-app-bar",
"attributes": [
{
"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": "theme",
"description": "Specify a theme for this component and all of its children",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "name",
"description": "Assign a specific name for layout registration.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild; image: (args: []) => VNodeChild; prepend: (args: []) => VNodeChild; append: (args: []) => VNodeChild; title: (args: []) => VNodeChild; extension: (args: []) => VNodeChild }"
}
},
{
"name": "image",
"description": "Specifies a [v-img](/components/images) as the component's background.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "title",
"description": "Specify a title text for the component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "modelValue",
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "true",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "location",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-app-bar.json))",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "'top'",
"value": {
"kind": "expression",
"type": "\"top\" | \"bottom\""
}
},
{
"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": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "density",
"description": "Adjusts the vertical height used by the component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "'default'",
"value": {
"kind": "expression",
"type": "\"default\" | \"prominent\" | \"comfortable\" | \"compact\""
}
},
{
"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": "extensionHeight",
"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": "string | number"
}
},
{
"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": "string | number"
}
},
{
"name": "border",
"description": "Applies border styles to component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "false",
"value": {
"kind": "expression",
"type": "string | number | boolean"
}
},
{
"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": "string | number"
}
},
{
"name": "rounded",
"description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius).",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "false",
"value": {
"kind": "expression",
"type": "string | number | boolean"
}
},
{
"name": "tag",
"description": "Specify a custom tag used on the root element.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "'header'",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "order",
"description": "Adjust the order of the component in relation to its registration order.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
"default": "0",
"value": {
"kind": "expression",
"type": "string | number"
}
}
],
"events": [
{
"name": "update:modelValue",
"description": "Event that is emitted when the component's model changes",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#events",
"arguments": [
{
"name": "argument",
"type": "[boolean]"
}
]
}
],
"slots": [
{
"name": "default",
"description": "The default Vue slot.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#slots"
},
{
"name": "image",
"description": "Expects the [`v-img`](/components/images/) component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#slots"
},
{
"name": "prepend",
"description": "Adds an item outside the input and before input content",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#slots"
},
{
"name": "append",
"description": "Adds an item inside the input and after input content",
"doc-url": "https://vuetifyjs.com/api/v-app-bar#slots"
},
{
"name": "title",
"description": "Slot for the component's title content",
"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"
}
],
"vue-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-app-bar-nav-icon",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-app-bar-nav-icon"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon",
"attributes": [
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild; prepend: (args: []) => VNodeChild; append: (args: []) => VNodeChild; loader: (args: []) => VNodeChild }"
}
},
{
"name": "icon",
"description": "Apply a specific icon using the [v-icon](/components/icons/) component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#props",
"default": "'$menu'",
"value": {
"kind": "expression",
"type": "string | (new () => any) | FunctionalComponent"
}
}
],
"events": [],
"slots": [
{
"name": "default",
"description": "The default Vue slot.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#slots"
},
{
"name": "prepend",
"description": "Adds an item outside the input and before input content",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#slots"
},
{
"name": "append",
"description": "Adds an item inside the input and after input content",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#slots"
},
{
"name": "loader",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-nav-icon#slots"
}
],
"vue-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-app-bar-title",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-app-bar-title"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-title",
"attributes": [
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-title#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild; text: (args: []) => VNodeChild }"
}
},
{
"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"
}
},
{
"name": "text",
"description": "Specify content text for the component.",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-title#props",
"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"
},
{
"name": "text",
"description": "Slot for the component's text content",
"doc-url": "https://vuetifyjs.com/api/v-app-bar-title#slots"
}
],
"vue-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-alert",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-alert"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-alert",
"attributes": [
{
"name": "type",
"description": "Create a specialized alert that uses a contextual color and has a pre-defined icon.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "\"success\" | \"warning\" | \"error\" | \"info\""
}
},
{
"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": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild; prepend: (args: []) => VNodeChild; title: (args: []) => VNodeChild; text: (args: []) => VNodeChild; append: (args: []) => VNodeChild; close: (args: []) => VNodeChild }"
}
},
{
"name": "position",
"description": "Specifies the type of positioning method used for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "\"relative\" | \"absolute\" | \"static\" | \"fixed\" | \"sticky\""
}
},
{
"name": "title",
"description": "Specify a title text for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "modelValue",
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "true",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "location",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/location.json))",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/anchor.ts#L7-L13\" target=\"_blank\">Anchor</a>"
}
},
{
"name": "color",
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "density",
"description": "Adjusts the vertical height used by the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "'default'",
"value": {
"kind": "expression",
"type": "\"default\" | \"comfortable\" | \"compact\""
}
},
{
"name": "prominent",
"description": "Displays a larger vertically centered icon to draw more attention.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "height",
"description": "Sets the height for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "border",
"description": "Adds a colored border to the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean | \"top\" | \"bottom\" | \"end\" | \"start\""
}
},
{
"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": "string | number"
}
},
{
"name": "rounded",
"description": "Designates the **border-radius** applied to the component. You can find more information on the [Border Radius page](/styles/border-radius).",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "false",
"value": {
"kind": "expression",
"type": "string | number | boolean"
}
},
{
"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": "icon",
"description": "Apply a specific icon using the [v-icon](/components/icons/) component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "false",
"value": {
"kind": "expression",
"type": "false | string | (new () => any) | FunctionalComponent"
}
},
{
"name": "text",
"description": "Specify content text for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "borderColor",
"description": "Specifies the color of the border. Accepts any color value.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "closable",
"description": "Adds a close icon that can hide the alert.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "closeIcon",
"description": "Change the default icon used for **closable** alerts.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "'$close'",
"value": {
"kind": "expression",
"type": "string | (new () => any) | FunctionalComponent"
}
},
{
"name": "closeLabel",
"description": "Text used for *aria-label* on **closable** alerts. Can also be customized globally in [Internationalization](/customization/internationalization).",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "'$vuetify.close'",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "maxHeight",
"description": "Sets the maximum height for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "maxWidth",
"description": "Sets the maximum width for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "minHeight",
"description": "Sets the minimum height for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "minWidth",
"description": "Sets the minimum width for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "width",
"description": "Sets the width for the component.",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"value": {
"kind": "expression",
"type": "string | number"
}
},
{
"name": "variant",
"description": "Applies a distinct style to the component",
"doc-url": "https://vuetifyjs.com/api/v-alert#props",
"default": "'flat'",
"value": {
"kind": "expression",
"type": "\"flat\" | \"text\" | \"elevated\" | \"tonal\" | \"outlined\" | \"plain\""
}
}
],
"events": [
{
"name": "update:modelValue",
"description": "Event that is emitted when the component's model changes",
"doc-url": "https://vuetifyjs.com/api/v-alert#events",
"arguments": [
{
"name": "argument",
"type": "[boolean]"
}
]
}
],
"slots": [
{
"name": "default",
"description": "The default Vue slot.",
"doc-url": "https://vuetifyjs.com/api/v-alert#slots"
},
{
"name": "prepend",
"description": "Slot for icon at beginning of alert.",
"doc-url": "https://vuetifyjs.com/api/v-alert#slots"
},
{
"name": "title",
"description": "Slot for the component's title content",
"doc-url": "https://vuetifyjs.com/api/v-alert#slots"
},
{
"name": "text",
"description": "Slot for the component's text content",
"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-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-alert-title",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-alert-title"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-alert-title",
"attributes": [
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-alert-title#props",
"value": {
"kind": "expression",
"type": "{ default: (args: []) => VNodeChild }"
}
},
{
"name": "tag",
"description": "Specify a custom tag used on the root element",
"doc-url": "https://vuetifyjs.com/api/v-alert-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-alert-title#slots"
}
],
"vue-model": {
"prop": "modelValue",
"event": "update:modelValue"
}
},
{
"name": "v-autocomplete",
"source": {
"module": "./src/components/index.ts",
"symbol": "v-autocomplete"
},
"description": "",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete",
"attributes": [
{
"name": "type",
"description": "Sets input type",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'text'",
"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-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "name",
"description": "Sets the component's name attribute.",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "reverse",
"description": "Reverses the input orientation",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "$slots",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "{ prepend: (args: [{ id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void }]) => VNodeChild; append: (args: [{ id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void }]) => VNodeChild; loader: (args: [{ color: string; isActive: boolean }]) => VNodeChild; details: (args: [{ id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void }]) => VNodeChild; clear: (args: []) => VNodeChild; prepend-inner: (args: [({ isActive: Ref<boolean>; isFocused: Ref<boolean>; controlRef: Ref<HTMLElement>; focus: () => void; blur: () => void } & { id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void })]) => VNodeChild; append-inner: (args: [({ isActive: Ref<boolean>; isFocused: Ref<boolean>; controlRef: Ref<HTMLElement>; focus: () => void; blur: () => void } & { id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void })]) => VNodeChild; label: (args: [({ isActive: Ref<boolean>; isFocused: Ref<boolean>; controlRef: Ref<HTMLElement>; focus: () => void; blur: () => void } & { id: ComputedRef<string>; messagesId: ComputedRef<string>; isDirty: ComputedRef<boolean>; isDisabled: ComputedRef<boolean>; isReadonly: ComputedRef<boolean>; isPristine: Ref<boolean>; isValid: ComputedRef<boolean>; isValidating: Ref<boolean>; reset: () => void; resetValidation: () => void; validate: () => void })]) => VNodeChild; item: (args: [{ item: { title: string; value: any; props: { title: string; value: any; [string]: any }; children: InternalItem<unknown>[]; raw: unknown }; index: number; props: Record<string, unknown> }]) => VNodeChild; chip: (args: [{ item: { title: string; value: any; props: { title: string; value: any; [string]: any }; children: InternalItem<unknown>[]; raw: unknown }; index: number; props: Record<string, unknown> }]) => VNodeChild; selection: (args: [{ item: { title: string; value: any; props: { title: string; value: any; [string]: any }; children: InternalItem<unknown>[]; raw: unknown }; index: number }]) => VNodeChild; prepend-item: (args: []) => VNodeChild; append-item: (args: []) => VNodeChild; no-data: (args: []) => VNodeChild }"
}
},
{
"name": "id",
"description": "Sets the DOM id on the component",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"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-autocomplete#props",
"default": "[]",
"value": {
"kind": "expression",
"type": "unknown[]"
}
},
{
"name": "error",
"description": "Puts the input in a manual error state",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "modelValue",
"description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "null",
"value": {
"kind": "expression",
"type": "any"
}
},
{
"name": "color",
"description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "density",
"description": "Adjusts the vertical height used by the component.",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'default'",
"value": {
"kind": "expression",
"type": "\"default\" | \"comfortable\" | \"compact\""
}
},
{
"name": "variant",
"description": "Applies a distinct style to the component",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'filled'",
"value": {
"kind": "expression",
"type": "\"outlined\" | \"plain\" | \"underlined\" | \"filled\" | \"solo\""
}
},
{
"name": "search",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-autocomplete.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "label",
"description": "Sets the text of the [v-label](/api/v-label/) or [v-field-label](/api/v-field-label/) component",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "filterMode",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/filter.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'intersection'",
"value": {
"kind": "expression",
"type": "\"every\" | \"some\" | \"union\" | \"intersection\""
}
},
{
"name": "noFilter",
"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": "customFilter",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/filter.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L20-L20\" target=\"_blank\">FilterFunction</a>"
}
},
{
"name": "customKeyFilter",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/filter.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "{ [string]: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.ts#L20-L20\" target=\"_blank\">FilterFunction</a> }"
}
},
{
"name": "filterKeys",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/filter.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "['title']",
"value": {
"kind": "expression",
"type": "string | string[]"
}
},
{
"name": "chips",
"description": "Changes display of selections to chips",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "closableChips",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-select.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "eager",
"description": "MISSING DESCRIPTION",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "hideNoData",
"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": "hideSelected",
"description": "Do not display in the select menu items that are already selected",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "menu",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-select.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "menuIcon",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-select.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'$dropdown'",
"value": {
"kind": "expression",
"type": "string | (new () => any) | FunctionalComponent"
}
},
{
"name": "menuProps",
"description": "Pass props through to the `v-menu` component. Accepts an object with anything from [/api/v-menu](/api/v-menu/#props), camelCase keys are recommended.",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "unknown"
}
},
{
"name": "disabled",
"description": "Removes the ability to click or target the input",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "transition",
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "string | boolean"
}
},
{
"name": "multiple",
"description": "Changes select to multiple. Accepts array for value",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "noDataText",
"description": "Text shown when no items are provided to the component",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'$vuetify.noDataText'",
"value": {
"kind": "expression",
"type": "string"
}
},
{
"name": "openOnClear",
"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-autocomplete#props",
"default": "false",
"value": {
"kind": "expression",
"type": "boolean"
},
"type": "boolean"
},
{
"name": "valueComparator",
"description": "Apply a custom comparison algorithm used for values",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"value": {
"kind": "expression",
"type": "(a: any, b: any) => boolean"
}
},
{
"name": "itemTitle",
"description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/item.json))",
"doc-url": "https://vuetifyjs.com/api/v-autocomplete#props",
"default": "'title'",
"value": {
"kind": "expression",
"type": "<a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/helpers.ts#L71-L75\" target=\"_blank\">Select