Text area

Multi-line dictation with no value filter — say the command and keep talking.

The text area is the text field pattern without a type filter: free text, streamed into the value while you speak, flushed to onMatch once when listening stops. Everything about matching, claims, and the contains fallback is identical.

Dictating multi-line text

Loading the Angular kit…

Hold anywhere and say:“notes approach was nominal”“notes crew is go for launch”

Props

  • 4
  • default command
  • default false
Angular
Updates as you tick props
import { Component } from "@angular/core";import { FormsModule } from "@angular/forms";import { ListensTextAreaComponent } from "@listenssoft/speechui-angular";
@Component({  selector: "demo-text-area",  imports: [ListensTextAreaComponent, FormsModule],  template: `    <listens-textarea      label="Notes"      command="notes"      [rows]="4"      placeholder="Dictate mission notes…"      [(ngModel)]="notes"    />  `,})export class DemoTextArea {  notes = "";}

What you can say

SayEffect
“notes all systems nominal”Starts-with match: streams “all systems nominal” into the value as you speak.
“the notes say all clear”Contains fallback: sets the value to the words after the command (“say all clear”) if nothing else claimed the phrase.

onMatch fires once, when listening stops, with the final accumulated value.

API reference

Angular inputs & outputs for @listenssoft/speechui-angular.

Inputs

InputTypeDefaultDescription
rowsnumber—Native rows attribute.
placeholderstring""Native placeholder.
listeningContentstringcommandText shown as the label while the mic is open.
disabledbooleanfalseDisables the textarea; forms setDisabledState toggles it too.

Extra inputs

InputTypeDefaultDescription
valuestring""Two-way bindable — [(value)]; also ngModel / formControlName (ControlValueAccessor).
commandstringlabelThe spoken prefix that starts dictation.
labelstring""Label above the textarea; the command fallback.
namestring—Native name attribute.

Outputs

OutputTypeDefaultDescription
valueChangestring—Every value change — the [(value)] channel.
matchedstring—Fires once when listening stops, with the final accumulated value.

Styling hooks

CSS hooks

HookTypeDefaultDescription
.listens-textarea (root)class—Same part convention: -label, -input.
data-listeningattribute—On the root while the mic is open.

Behavior notes

  • All frameworks: No type filter by design — multi-line dictation is free text.

Was this page helpful?