Skip to content

Chat Dictation Button

@astryxdesign/core v0.7.1 · ChatDictationButton

Props ​

PropTypeDefaultDescription
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.
isHiddenWhenUnsupportedbooleantrueHide the control when speech recognition is missing. Set it to false to keep the control visible and disabled.
labelstringLocalized “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.