Kendo UI for Angular SpeechToTextButton Overview

The Kendo UI for Angular SpeechToTextButton is a modern Angular component that enables end users to convert spoken input into text with a single click. While it provides built-in support for the browser's native Web Speech API, it also offers flexibility by letting you integrate your own custom or third-party speech recognition engines. This makes it a versatile entry point for adding voice input to Angular applications such as forms, chat interfaces, and accessibility-enhanced UIs.

ninja-iconThe SpeechToTextButton is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

The following example demonstrates the SpeechToTextButton in action.

Change Theme
Theme
Loading ...

Key Features

  • Integration—The SpeechToTextButton integrates seamlessly with the browser's Web Speech API by default, but can also be configured to work with custom or third-party speech recognition services.
  • Speech configurations—Enable continuous recognition, interim results, multiple recognition alternatives, and language recognition for enhanced speech-to-text experiences.
  • Disabled state—Disable the SpeechToTextButton to prevent user interaction when needed.
  • Appearance—Customize the look and feel of the button with predefined styling options.
  • Globalization—All Kendo UI for Angular Buttons provide globalization options.

To learn more about the appearance, anatomy, and accessibility of the SpeechToTextButton, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources