Input component

<BaseInput
  placeholder="Address, Town/City, Country"
  :autofocus="true"
  v-model="value"
>
  <BaseIcon 
    name="search" 
    slot="iconPrefix"
  />
  <BaseButton 
    v-show="value"
    name="close" 
    slot="iconSuffix"
    @click="clear"
    plain>
    <BaseIcon 
      name="close"
    />
  </BaseButton>
</BaseInput>
<BaseInput 
  type="textarea"
  placeholder="Leave us a message"
/>

Attributes

attribute	description	type	accepted values	default
value	binding the input value	String / Number	-	-
type	set the input type	String	text / textarea	text
round	Rounded corners on button	Boolean	-	true
disabled	Set the input to inactive	Boolean	-	false
autofocus	Set the button autofocus (native)	Boolean	-	false

Slot options

name	description
iconPrefix	Add an icon before the input field (only type text)
iconSuffix	Add an icon after the input field (only type text)