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: HTMLTextAreaElement

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`	-