# Kendo UI for Angular SpeechToTextButton Overview

The [Kendo UI for Angular SpeechToTextButton](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/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](https://developer.mozilla.org/en-US/docs/Web/API/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.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the SpeechToTextButton in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/buttons/speechtotextbutton/overview/source.txt)

## Key Features

* [Integration](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/speechtotextbutton/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](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/speechtotextbutton/speech-configurations)—Enable continuous recognition, interim results, multiple recognition alternatives, and language recognition for enhanced speech-to-text experiences.
* [Disabled state](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/speechtotextbutton/disabled-state)—Disable the SpeechToTextButton to prevent user interaction when needed.
* [Appearance](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/speechtotextbutton/appearance)—Customize the look and feel of the button with predefined styling options.
* [Globalization](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/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](https://www.telerik.com/design-system/docs/components/button/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [SpeechToTextButton Homepage](https://www.telerik.com/kendo-angular-ui/button)
* [SpeechToTextButton API Documentation](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/api/speechtotextbuttoncomponent)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started)
* [Getting Started with Kendo UI for Angular (Video Tutorial)](https://www.telerik.com/campaigns/kendo-ui/using-kendo-ui-with-angular-video-tutorial)
* [Video Courses](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started/video-onboarding)
* [SpeechToTextButton Forum](https://www.telerik.com/forums/kendo-angular-ui)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui-develop/components/knowledge-base)

## Additional Resources

* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Angular Videos](https://www.telerik.com/videos/kendo-angular-ui)
* [Kendo UI for Angular Roadmap](https://www.telerik.com/support/whats-new/kendo-angular-ui/roadmap)