Inputs
Textarea
A multi-line text input. Supports auto-resize to fit content and integrates with Signal Forms.
LlmTextareaDemo
Live PreviewReact
html
<llm-textarea placeholder="Tell us about yourself" [rows]="4" [(value)]="bio" />
<llm-textarea [autoResize]="true" placeholder="Auto-resizes as you type..." />
<llm-textarea [disabled]="true" placeholder="Disabled" />API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | '' | Controlled value |
(valueChange) | (value: string) => void | — | Called when the textarea value changes |
rows | number | 3 | Initial number of visible rows |
placeholder | string | '' | Placeholder text |
disabled | boolean | false | Disables the textarea |
readonly | boolean | false | Makes the textarea read-only |
invalid | boolean | false | Applies invalid/error styling |
required | boolean | false | Marks field as required |
name | string | '' | HTML name attribute for form submission |
autoResize | boolean | false | Grows height automatically as content grows |
Import
ts
import { LlmTextarea } from '@atelier-ui/angular';