Skip to content
angular-native

Reference

an-textarea

Multi-line text entry. Called textarea rather than TextEditor because the an- prefix gave the tag its name back.

UITextView on iOS, EditText with multiple lines on Android, NSTextView on the Mac. Not available on watchOS.

On the wire it still travels as TextEditor: the name was chosen when the tag could not be called TextArea, because Angular refuses to self-close anything named like an HTML element. The prefix later fixed the tag; renaming the core’s enum would mean changing the protocol.

Availability

Section titled “Availability”
iOS · iPadOS Android macOS tvOS visionOS watchOS Wear OS
✓ ✓ ✓ ✓ ✓ — ✓

What it becomes

Section titled “What it becomes”
iOS · iPadOS Android macOS watchOS
UITextView EditText NSTextView —

Inputs

Section titled “Inputs”
Prop Type Default
value string | null ''
editable boolean | null true
color string | null null

Outputs

Section titled “Outputs”
Output Payload
(change) { value: string }

Example

Section titled “Example”
<an-textarea
  [value]="notes()"
  [editable]="!saving()"
  [color]="'#f4f7ff'"
  [style.height]="'160'"
  (change)="notes.set($event.value)" />

Every primitive also carries the base props — background, border, opacity, the transforms, animate, the accessibility contract — and every gesture. See Components for the full base, Events for the payloads.