Kendo UI for Angular SpeechToTextButton Overview

The Kendo UI for Angular SpeechToTextButton is a modern Angular component that enables 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 allowing developers to integrate their 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 with third-party speech recognition providers—The SpeechToTextButton can be easily integrated with custom or third-party speech recognition engines by setting the integrationMode property to none.
  • Language recognition—Configure the SpeechToTextButton to recognize speech in different languages by specifying a BCP 47 language tag.
  • 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