Component

Textarea

Text area with floating label, optional auto-resize and full Angular Forms support.

import { NeuTextareaComponent } from '@neural-ui/core/textarea';

Description

Auto-resize (try typing)

With errorThis field is required

Disabled

Sizes

Smallmin-height 60px

Medium (default)min-height 80px

Largemin-height 100px

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuTextareaComponent } from '@neural-ui/core/textarea';

@Component({
  imports: [NeuTextareaComponent, ReactiveFormsModule],
  template: `
    <neu-textarea label="Descripción" [formControl]="bioCtrl" [rows]="4" />
    <neu-textarea label="Notas" [autoResize]="true" [maxlength]="300" />
    <neu-textarea label="Campo requerido" [required]="true"
                  errorMessage="Este campo es obligatorio" />
  `
})
export class MyComponent {
  readonly bioCtrl = new FormControl('', { nonNullable: true });
}