VUI Textarea

A flexible textarea component with auto-resize, character counting, and validation support.

📦 Installation

npm install @vui/textarea

Basic Usage

import { VuiTextareaComponent } from '@vui/textarea';

@Component({
  template: `
    <ng-vui-textarea
      label="Description"
      placeholder="Enter description..."
      [rows]="4"
      [maxLength]="500"
      formControlName="description">
    </ng-vui-textarea>
  `
})

🚀 Live Demo

Comments

Maximum 300 characters 0/300

Auto-resize Example

@Component({
  template: `
    <ng-vui-textarea
      label="Auto-resize Textarea"
      [autoResize]="true"
      [minRows]="3"
      [maxRows]="10"
      placeholder="This textarea will grow as you type...">
    </ng-vui-textarea>
  `
})

📚 API Reference

Property	Type	Default	Description
rows	number	3	Number of visible text lines
autoResize	boolean	false	Automatically resize height based on content
maxLength	number	-	Maximum character count
showCounter	boolean	true	Show character counter