Textare (Component)

The textarea component is for use normally inside a form, you can use too outside a form like a template driven form.

Inputs

Property	Type	Req	Description	Default
placeholder	String	False	The text that appears as placeholder of the textarea. It is empty by default	''
name	String	False	Name of the textarea	''
label	String	False	Label to show over the textarea. It is empty by default	''
errors	StTextareaError	False	Error to show for each error case, if you don\'t provide this parameter,the default behaviour is only to change color without message	''
qaTag	String	False	Id for QA test	''
forceValidations	Boolean	False	If you specify it to 'true', the textarea checks the errors before being modified by user	false
contextualHelp	String	False	It will be displayed when user clicks on the info button	''
maxLength	String	False	Define a max-length for textarea field	''
isFocused	Boolean	False	If true, the textarea will be focused on view init.	false
cols	Number	False	Define textarea number of cols	''
rows	Number	False	Define textarea number of rows	''
wrap	String	False	Define type of wrap as html standard	'soft'
default	String	False	Default value of textarea

Outputs

Property	Type	Description
blur		Notify when user leaves a field

Example

<st-textarea label="Components"
      placeholder="Number of components"
      [forceValidations]="forceValidations"
      [errors]="errorsTextarea"
      name="components-template"
      qaTag="components-textarea-template"
      required
      [(ngModel)]="model.components"
      contextualHelp="This is the contextual help of the components"
      [cols]="50"
      [rows]="10">
</st-textarea>