New to Kendo UI for Vue? Start a free 30-day trial
SpeechToTextButton Programmatic Control
Updated on Nov 11, 2026
The Kendo UI for Vue SpeechToTextButton exposes methods that let you control speech recognition from your application code through the component ref. These methods allow you to start, stop, abort, and check the status of speech recognition operations from your application code.
To control speech recognition programmatically, create a template ref, pass it to the SpeechToTextButton, and call the methods from your own controls.
vue
<script setup>
import { ref } from 'vue';
import { Button as KButton, SpeechToTextButton } from '@progress/kendo-vue-buttons';
const sttButton = ref(null);
</script>
<template>
<SpeechToTextButton ref="sttButton" />
<KButton @click="sttButton.start()">Start Recognition</KButton>
</template>The following example demonstrates how to create a ref for the SpeechToTextButton and use it to invoke the start(), stop(), abort(), and isActive() methods.
Loading ...