# Select
Narrative's select and multiselect component
# Selector
nio-select
# Props
This component preserves all of the props available on Vuetify's v-select component. For a full list, see Vuetify's documentation: https://vuetifyjs.com/en/components/selects/
# Events
This component preserves all events emitted by Vuetify's v-select component. See Vuetify's documentation for more details.
Additionally, the nio-select 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 slots supported by Vuetify's v-select component. See Vuetify's documentation for more details.
# Notes
# Mount point
Unlike the default v-select component, which mounts the v-menu component relative to the .v-application element, the nio-select 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:
<nio-select class="select" v-model="selectedItem" :items="items" label="Choose an item"></nio-select>
Included here are live examples of this component in common configurations. Click below to view them.
# Source Code
This component's source code is included for your reference