FormTextarea

Examples

Usage

Text

You typed, ""

<FormTextarea
  @label="Text"
  @value={{this.value}}
  @onInput={{this.setValue}}
  @errors={{this.validationErrors}}
/>

<p class="mt-4">
  You typed, "{{this.value}}"
</p>

API

FormTextarea

Element: <span class="hljs-title class_">HTMLTextAreaElement</span>

Arguments

  
          Name
        
          Type
        
          Default
        
          Description
        
                  value
                
                  *
                
                string
              
                -
            
              The value to be used in the input.
You must also pass onChange or onInput to update its value.
            
                  containerClass
                
                string
              
                -
            
              CSS classes to be added in the container element
            
                  errors
                
                enum
              
                -
            
              A list of errors or a single text describing the error
            
                  hasError
                
                boolean
              
                -
            
              If has errors
            
                  hasSubmitted
                
                boolean
              
                -
            
              If the form has been submitted, used to force displaying errors
            
                  hint
                
                string
              
                -
            
              A help text to be displayed
            
                  inputClass
                
                string
              
                -
            
              CSS classes to be added in the input element
            
                  label
                
                string
              
                -
            
              The group label
            
                  onChange
                
                function
              
                -
            
              Callback when onchange is triggered
            
                  onFocusIn
                
                function
              
                -
            
              Callback when onfocus is triggered
            
                  onFocusOut
                
                function
              
                -
            
              Callback when onblur is triggered
            
                  onInput
                
                function
              
                -
            
              Callback when oninput is triggered
            
                  showError
                
                boolean
              
                -
            
              Force displaying errors
            
                  size
                
                enum
              
                -
            
              The size
            
                  type
                
                string
              
                  'text'
                
              The input type

Name	Type	Default	Description
`value` *	`string`	-	The value to be used in the input. You must also pass `onChange` or `onInput` to update its value.
`containerClass`	`string`	-	CSS classes to be added in the container element
`errors`	`enum`	-	A list of errors or a single text describing the error
`hasError`	`boolean`	-	If has errors
`hasSubmitted`	`boolean`	-	If the form has been submitted, used to force displaying errors
`hint`	`string`	-	A help text to be displayed
`inputClass`	`string`	-	CSS classes to be added in the input element
`label`	`string`	-	The group label
`onChange`	`function`	-	Callback when onchange is triggered
`onFocusIn`	`function`	-	Callback when onfocus is triggered
`onFocusOut`	`function`	-	Callback when onblur is triggered
`onInput`	`function`	-	Callback when oninput is triggered
`showError`	`boolean`	-	Force displaying errors
`size`	`enum`	-	The size
`type`	`string`	`'text'`	The input type

Blocks

Name	Type	Default	Description
`default` *	`Array`	-