Input (Textbox)

To create text input element use this component.

Code:

  
    HTML
    
  
  <fvInput v-model="input" />

  
    Javascript
    
  
  export default {
    data () {
        return {
            input: undefined
        }
    }
}

Sizes

Disabled

Required

Custom Required

You can use .fv-input class to custom element and set .placeholder class to child element for placeholder style.
This component wrapped to normal html input element, so custom events and attributes are available on this.

Name	Type	Default	Description
value	---	---	Value of input
required	Boolean or Function	false	Does input required to fill? Also with function type you can pass function with one argument (fn(value){}) and return Boolean value.

Name	Params	Description
input	newValue	Fired when component request to change value.

Name	Description
.fv-size-xs	XSmall size
.fv-size-sm	Small size
.fv-size-md	Medium size (actived by default)
.fv-size-lg	Large size
.fv-size-xl	XLarge size