InputText.md

Fish Tank Text Input

• Plain Text Input

  

  <FishTankTextInput
    :value="val"
    label="Text Input Type"
    type="text"/>

• Password Input

  

  <FishTankTextInput
    :value="val"
    label="Password Input Type"
    type="password"/>

• Number Input

  

  <FishTankTextInput
    :value="val"
    label="Number Input Type"
    type="number"/>

• Text Input Error State

  

  <FishTankTextInput
    :value="val"
    label="Input Error Example"
    type="number"
    error="Error Message"/>

• Textarea Input

  

  <FishTankTextInput
    :maxheight="170"
    :value="val"
    label="TextArea Input Type - Max Height 170px"
    type="textarea"/>
  
  

Usage

To import into your component

import { 
  FishTankTextInput 
}  from '@fishtank/fishtank-vue'

Props

Universal Props

Name	Type	Description	Required	Default
value	String	Text entered into input element	false	null
label	String	Input text label	false	undefined
type	String	Input type ("text", "password", "email", "search", "number", "tel", "url")	false	"text"
error	String	Error state message. If not null, then error state is active, and the value is the error message	false	null

Textarea Props

Name	Type	Description	Required	Default
maxheight	Number	Miximum height of the textarea; content taller than the max height trigger the overflow:scroll property	false	null
resize	Boolean	Resize property on the textarea	false	false