Kendo UI for Vue
Vue Speech-to-Text Button
- Voice-enable any text input for faster hands-free data entry with Vue Speech-to-Text Button.
- Part of the Kendo UI for Vue library along with 110+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, learning resources and more!
-
Build Conversational Forms in Minutes
Transform standard inputs into voice-driven experiences without touching your business logic. The Speech-to-Text Button taps the Web Speech API under the hood while exposing a clean Vue interface that respects forms, localization, and accessibility out of the box.
See the Vue Speech-to-Text overview demo
-
Speech Configurations
Easily adapt speech recognition settings to your app’s requirements with properties like language, continuous recognition, interim results, and alternate transcription options.
See the Vue Speech-to-Text configurations demo
-
Integration Capabilities
Embed voice input directly into text inputs or integrate with external speech-to-text services like Google Cloud or OpenAI Whisper by handling start, stop, and integration mode flags.
See the Vue Speech-to-Text integration demo
-
Icon Flexibility
Choose from theme icons or define custom SVG and CSS-based icons via
icon,iconClass, orsvgIconproperties for visual consistency across your UI.See the Vue Speech-to-Text icons demo
-
Disabled State
Disable the Speech-to-Text Button to prevent user interaction whenever the application requires it, for example, while a form is validating or a request is being processed. Built-in visual cues clearly communicate listening, error, and idle states to improve feedback and usability.
-
Appearance Customization
Match the brand guidelines and tailor the component look using properties like size, rounded corners, fill mode, theme color, icons, custom CSS classes, and inline styles.
See the Vue Speech-to-Text appearance demo
-
Event Handling
Respond to user actions and recognition states with Speech-to-Text Button events. Use them to handle start, end, error, and result updates as speech recognition progresses.
See the Vue Text-to-Speech events demo
Get Started with Kendo UI for Vue
