background cover
background cover

Kendo UI for Vue

Roadmap

Coming in 2023

The Kendo UI for Vue Team is excited to announce the roadmap for new components and features on our list for release. Many of these items will be released this summer as part of R2 and others will come shortly after. 

To keep the flow of updates dynamic, we release interim updates that lead up to each major release. Here is what we plan for this year:

  • June - R2 2023 
  • July - R3 2023 Iteration 1
  • August - R3 2023 Iteration 2 
  • October - R3 2023 (final) 

Your feedback is a huge factor in these plans. After all, our mission is to make your life easier. We encourage you to keep sharing your thoughts, plans, and ideas for what next you would like to see developed in the Vue component library in our dedicated feedback portal.  

The items below are what we feel comfortable announcing, but there is more on our radar. Check back periodically for updates.

Kendo UI for Vue

Change in Icons

Improvement

As part of our continuous efforts to improve the Telerik and Kendo UI products’ quality, theming mechanism and Content Security Policy (CSP) compliance, we are planning to transition gradually from font icons to SVG icons.

Step 1: SVG Icons (R1 2023 – January 2023)

Starting in R1 2023, we introduced and started incorporating SVG icons into Telerik and Kendo UI products. We provided a global configuration setting that enables you to keep the current default font icon type, but also allows you to render SVG icons.

Step 2: SVG Icons as Default in Telerik and Kendo UI Components (R2 2023 – June 2023)

With R2 2023, we will perform a change in the default type of icons in Telerik and Kendo UI libraries and components from font to SVG. This change marks the next milestone in a series of improvements related to Content Security Policy (CSP).

Step 3: Detach Font Icons from Themes (R3 2023 – October 2023)

With R3 2023, we aim to extract the Font icons as a separate package and detach the inline font declaration from the Telerik and Kendo UI themes.

Important to note is that the themes will continue to support both font and SVG icons in components, thus allowing you to decide which type of icons to take advantage of. However, using the font icons will require a separate stylesheet to be referenced by clients.

These last bits of changes will allow us to provide our customers with a more secure and efficient icon system and the option to load and reference only needed resources.

Read about the strategy for improving Telerik and Kendo UI web component libraries by moving from font icons to SVG icons in the dedicated blog post.

Rating Vue UI Component

New component

The UI for Vue Rating component will allow users to rate items with a certain number of stars or any other preferred shape, such as hearts, circles and more. 

Actionsheet Vue UI Component

New component

The new Vue  ActionSheet component is a great UX element for smaller screens when you need to alert or prompt users to take required or important actions. It appears on the bottom of a screen as a modal dialog and presents users with a choice of actions that they must take. 

ContextMenu Vue UI Component

New component

The new Kendo UI for Vue ContextMenu component will allow you to easily build a shortcut menu of frequently used commands. The ContextMenu will include seamless integration with a DataGrid, ListView or other UI components thus enabling you to build faster and better end users experience.

Design System Documentation

New feature

We launched the new Telerik and Kendo UI design system documentation site containing resources, design assets and frontend documentation for Telerik and Kendo UI libraries.

This initial release of the Progress Design System site contains related design and frontend documentation for nearly 20 of the most essential components, and we aim to continuously expand it with the ultimate goal of providing everything you need to create intuitive and beautiful digital experiences and design systems based on Telerik and Kendo UI component libraries.

Our plan is to continuously enhance the design system documentation site throughout 2023 and allow you to easily build your own design system based on Telerik and Kendo UI components.

Adaptive UI Components

Improvement

We will work towards making sure Kendo UI for Vue components adjust smoothly to various screen sizes. On the short term roadmap plan we will work to ensure adaptiveness and responsiveness of:

  • Select and editor type controls such as AutoComplete, ComboBox, MultiSelect, etc., plus the Date & Time picker UI components
  • Breadcrumb, Toolbar, Pager, Window/Dialog
  • Data Grid component

Chart Enhancements

Improvement

Based on your requests in the product feedback portal we plan to ship the following new features and improvements in the Kendo UI for Vue chart components:

  • Drill-down option for data series
  • Improved animations
  • Control of chart legend display
  • and more!

Trendline Chart Component

New component
In 2023 we plan to expand the existing charts collection in Kendo UI for Vue and add a Trendline chart. You will be able to easily illustrate trends in data series and provide charting predictions capabilities to your web applications.

Data Grid Enhancements

Improvement

In 2023 we plan to further expand the UI for Vue Data Grid component with new features:

  • Separate templates options for cells
  • Option to customize the Native Grid's grouping toolbar
  • Add the selectable property to the Native Grid
  • Native Grid pager refresh button
  • and more!

Date Editing UX Improvements

Improvement
In 2023, we plan to improve the UX related to navigation, editing, and validation in the Kendo UI for Vue DateInput and Date & Time picker components.

Accessibility Improvements

Improvement
In our upcoming 2023 releases, we will continue with our efforts to improve the overall accessibility of Kendo UI for Vue components, ensuring the highest level of compliance with WAI-ARIA, Section 508, and the new WCAG 2.2 standards.

Vue Visual Studio Code Productivity Tools

New feature

The new Kendo UI for Vue Productivity Tools for Visual Studio Code is a VS Code extension aimed at boosting productivity when developing with our Vue UI components. With features like code snippets and scaffolding, the goal of the Kendo UI Productivity Tools is to be the ultimate companion for developers when building user experiences with Kendo UI for Vue.

Content Security Policy (CSP) compliance

Improvement

Pursuing the goal to be CSP compatible and ultimately ensure strict CSP compliance for Kendo UI for Vue, we are planning to implement the following incremental changes in 2023:

  • With R2 2023, we plan to replace all font icons internally used with SVG icons in order to address the font-src directive;
  • Further in 2023, we plan to detach font-related CSS from Kendo themes in order to remove the need for the font-src directive.

No items found.