Vue Speech-to-Text Button: Enable Hands-Free Input in Your Vue App
The Vue new Speech-to-Text Button lets users dictate text directly into your app, supporting 100+ languages with automatic locale detection. It taps the Web Speech API while providing a clean React interface that respects forms, localization, and accessibility out of the box. Flexible configuration options let you choose continuous dictation, quick command mode, interim results, and alternate transcriptions to fit any scenario. Appearance can be fully customized—size, icons, colors, rounded corners, and CSS—while built-in states and events provide clear feedback and easy integration with your workflow or external AI services.
Updated Vue AI Prompt: Deliver Enhanced, Flexible, and Engaging AI Experience
The revamped Vue AI Prompt enables users to write prompts and interact with AI-generated responses seamlessly, directly within your Vue app. Responses stream in real time, keeping users engaged, while integration with AI services delivers intelligent suggestions. Fully customizable buttons, inputs, and output cards let you match your app’s design, while keyboard navigation and accessibility ensure efficient and inclusive use. The AI Prompt also supports voice input via integration with the Speech-to-Text component, giving users a flexible, responsive AI experience that feels natural and tailored to their workflow.
New Breadcrumb Component for Seamless Hierarchical Navigation
Kendo UI for Vue now includes a Breadcrumb component - a modern, accessible navigation header that helps users track their current location within a website or app's hierarchy. Designed with flexibility in mind, it supports custom icons, font sizes, and delimiters, along with disabled items to guide user flow. The component is fully responsive, adapting gracefully to different screen sizes with an optional collapse mode for cleaner display.
Developers can customize the navigation behavior, allow users to edit long paths directly, and localize the interface for global audiences. The component meets WCAG 2.2 AA accessibility standards and includes full RTL support and keyboard navigation, making it a robust solution for high-quality, user-friendly navigation in any Vue app.