Autocomplete

Narrative's autocomplete component

​

Choose an item

Selector

nio-autocomplete

Props

This component preserves all of the props available on Vuetify's v-autocomplete component. For a full list, see Vuetify's documentation: https://vuetifyjs.com/en/components/autocompletes/

Events

This component preserves all events emitted by Vuetify's v-autocomplete component. See Vuetify's documentation for more details.

Additionally, the nio-autocomplete component provides the following event emitters:

@mounted

Emits when the component's mounted lifecycle method is executed

@destroyed

Emits when the component's destroyed lifecycle method is executed

Slots

This component preserves all of the named slotes supported by Vuetify's v-autocomplete component. See Vuetify's documentation for more details.

Notes

Mount point

Unlike the default v-autocomplete component, which mounts the v-menu component relative to the .v-application element, the nio-autocomplete component mounts the v-menu component as a direct child of the component itself.

Examples

The following is a simple example of how to use this component in a Vue template:

Included here are live examples of this component in common configurations. Click below to view them.

TIP

The nio-autocomplete component extends the nio-select component (as Vuetify's v-autocomplete component extends the v-select component). See the section on the nio-select component for more information about how to customize the component.

Source Code

This component's source code is included for your reference