Text
listens-text@listenssoft/speechui-angularDisplay text that swaps when listening.
Renders listeningContent instead of its normal content while the mic is open.
Under a provider
Hold inside the frame: the text swaps while you hold and swaps back on release.
Loading the Angular kit…
Props
Angular
Updates as you tick propsimport { Component } from "@angular/core";import { ListensTextComponent } from "@listenssoft/speechui-angular";
@Component({ selector: "demo-text", imports: [ListensTextComponent], template: ` <p> <listens-text listeningContent='“Listening is active”'> Hold anywhere on the page to talk. </listens-text> </p> `,})export class DemoText {}API reference
Angular inputs & outputs for @listenssoft/speechui-angular.
Inputs
| Input | Type | Default | Description |
|---|---|---|---|
listeningContent | string | — | Text shown instead of the projected content while the mic is open. (String only — the React kit's ReactNode content props are React-only.) |
Projected content (<listens-text>…</listens-text>) is the not-listening state.
Styling hooks
CSS hooks
| Hook | Type | Default | Description |
|---|---|---|---|
.listens-text | class | — | Same class and data-listening convention as React. |
--listens-accent | token | — | The listening color. |
Behavior notes
- All frameworks: Text is the one control that does not register with the page contract (there is nothing to command), so it injects the default stylesheet itself rather than via registration.
