# Text Field

Narrative's text input component

Type text

You typed:

# Selector

nio-text-field

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

This component preserves all events emitted by Vuetify's v-text-field component. See Vuetify's documentation form more details.

Additionally, nio-text-field component provides the following event emitters:

Emits when the component's mounted lifecycle method is executed

Emits when the component's destroyed lifecycle method is executed

Only a default content slot is supported by this component

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

<nio-text-field v-model="model" :label="'Type text'"></nio-text-field>

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

This component's source code is included for your reference