Overview
tng-textarea is a standalone textarea that implements ControlValueAccessor. It supports placeholder, rows, disabled, and slot-based micro styling via slot.
Quick example
Basic
<form [formGroup]="form">
<tng-textarea formControlName="message" placeholder="Your message" [rows]="4" />
</form>
import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
import { TngTextarea } from '@tailng-ui/ui/form';
@Component({
selector: 'textarea-demo',
standalone: true,
imports: [ReactiveFormsModule, TngTextarea],
template: `<form [formGroup]="form">
<tng-textarea formControlName="message" placeholder="Your message" [rows]="4" />
</form>`,
})
export class TextareaDemoComponent {
form = new FormGroup({
message: new FormControl('', { nonNullable: true }),
});
}
Value type: string.
Features
rows
Number of visible text rows. Default: 4.
slot
Slot-based micro styling for the textarea element.