Chat Dictation Button
@astryxdesign/core v0.7.1 · ChatDictationButton
Props
| Prop | Type | Default | Description |
|---|---|---|---|
dictation | { isSupported, isListening, bands, volume, toggle } | — | Required. The return value of useChatDictation or useSpeechRecognition. A reactive() copy works: each field is read as it changes. |
size | 'sm' | 'md' | 'md' | Button size, forwarded to Button. Also sets the bar width and height. |
isHiddenWhenUnsupported | boolean | true | Hide the control when speech recognition is missing. Set it to false to keep the control visible and disabled. |
label | string | Localized “Start dictation” / “Stop dictation” | Accessible name of the button. |
The button paints the accent color while it listens. When the input level goes past the clipping threshold, the bars mix toward the error color, so a loud microphone is visible at a glance.