Textarea

The `TextareaComponent is an Angular component designed to handle textarea input. It provides features such as auto-resizing based on content and validation feedback.

Usage

The component can be used in an Angular template by adding the <base-textarea> tag and binding the necessary input properties.

<base-textarea
  [id]="textareaId"
  [name]="textareaName"
  [infoText]="textareaInfoText"
  [label]="textareaLabel"
  [placeholder]="textareaPlaceholder"
  [control]="textareaFormControl"
  [rows]="textareaRows"
  [required]="textareaRequired"
  [autoHeight]="textareaAutoHeight"
  [tabIndex]="textareaTabIndex"
  [objectPath]="textareaObjectPath"
></base-textarea>

Styling

The component's styling is managed through the associated SCSS file (`textarea.component.scss). Adjustments to the textarea appearance can be made by modifying the styles in this file.

Notes

  • The TextareaComponent offers a user-friendly textarea input with features like auto-resizing.
  • Customize the component's behavior by adjusting various input properties such as autoHeight, required, and others.
  • Ensure that Bootstrap styles are available for consistent styling.

For more detailed information, refer to the inline code comments in the source files.

Table of Contents