Input / Text field

The v-input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. It is recommended that you extend this component, but it can be used as a standalone.

Text fields components are used for collecting user provided information.

<v-layout row wrap>
  <v-input
    :messages="['Messages']"
    append-icon="close"
    prepend-icon="phone"
  >
    Default Slot
  </v-input>
  
   <v-text-field
      label="Regular"
    ></v-text-field>
</v-layout>