KendoReact
React Speech-to-Text Button
- Voice-enable any text input for faster hands-free data entry with KendoReact Speech-to-Text Button.
- Part of the KendoReact library along with 120+ free and paid enterprise-grade UI components.
- Includes legendary technical support, design resources, comprehensive documentation, demos, 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 React interface that respects forms, localization, and accessibility out of the box.
See the React Speech-to-Text Button overview demo
-
Speech Configurations
Choose continuous dictation for long‑form text or quick command mode for searches, shortcuts, and in‑app actions. Toggle interim results, max alternatives, timeouts, and other options to fine‑tune recognition quality for every scenario.
See the React Speech-to-Text Button speech 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 React Speech-to-Text Button 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. -
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.
-
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.
