blazor bg roadmap

Telerik UI for Blazor

What's New

New Component: TileLayout

Build dashboards with style and ease with the new Telerik UI for Blazor TileLayout component. Empower your users to organize their work as they want by building various Tile pieces and placing them in the TileLayout. The component will take care of the rest.

Telerik UI for Blazor TileLayout Overview

New Component: Editor

The addition of the Telerik UI for Blazor Editor component is here to let your users create rich text and visual documents without ever leaving the confines of your app. Generate HTML files which you can present elsewhere in the app or export them as more standard document types to be printed or used in other software packages.

Telerik UI for Blazor Editor Component

New Component: TreeList

The Telerik UI for Blazor TreeList component complements your favorite Grid control – it too is a list container but one which displays the hierarchical relationships of the underlying data. For example, an expense report for a business trip might contain things like plane tickets, taxi and parking, which all should be nested inside a general Travel category. The TreeList is the perfect tool for that job.

Telerik UI for Blazor TreeList Overview

New Component: Loader

Give your users a sleek loading indicator through the Telerik UI for Blazor Loader component. Customize it to match your project’s theme by picking an animation type, color and size.

Telerik UI for Blazor Loader Overview

New Component: Switch

Benefit from the modern version of the checkbox with the Telerik UI for Blazor Switch control. Let your users toggle a Boolean variable with an intuitive interface that works just as well on both mobile and desktop devices.

Telerik UI for Blazor Switch Overview

New Component: Context Menu

Users instinctively know that when they need to access advanced options, they can right click on an UI element. Making context menus to live up to that expectation is now easy thanks to the new Telerik UI for Blazor Context menu control.

Telerik UI for Blazor Context Menu Templates

New Component: Stock Chart

A crucial element of many financial applications is the need to display in detail the deviation of a financial instrument over some period of time. By adding the Telerik UI for Blazor Stock Chart component, we aim to ease the work of all of our FinTech developers.

Telerik UI for Blazor Stock Chart Overview

New Component: Toggle Button

The newly added Telerik UI for Blazor ToggleButton is the perfect tools when you want to provide users with capabilities of flipping a switch in your app – whether it’s muting/unmuting the volume in a media player or toggling between dark and light mode, the ToggleButton looks sleek and is highly customizable to fit any page. See it in action on the demo page.

Telerik UI for Blazor ToggleButton Component

New Component: Button Group

The Telerik UI for Blazor ButtonGroup component takes the other new component – the ToggleButton and expands it. Manage multiple toggle buttons to implement groups exclusive options like radio buttons. Or make them non-exclusive, for example to implement Bold, Italic and Underline in a text editor.

Telerik UI for Blazor ButtonGroup Component

New Grid Feature: Column Menu

The Column Menu feature provides your app’s users with a convenient way to apply sorting, filtering, and toggle the visible and lock states of the columns to the Grid.

Telerik UI for Blazor Grid Column Menu

New Grid Feature: Search Box

The newly introduced Search Box is an additional method of filtering records in a Grid, complementary to the Grid Filtering options but much simpler – let your users type whatever they are looking for and voila!

Telerik UI for Blazor Grid Search Box

New Grid Feature: Multi-Column Sorting

The Telerik UI for Blazor Grid now supports sorting by multiple criteria by just clicking on the columns they are interested in.

Telerik UI for Blazor Grid Multi-column Sorting

New Grid Feature: Footer Template for Aggregates

Easily summarize data in any Grid column with the Grid Footer Template for Aggregates. This feature allows you to aggregate data from one or several columns, a key feature for building all sorts of reports.

Telerik UI for Blazor Grid Footer Template for Aggregates

New Grid Feature: Column Visible Property

Dynamically control every column’s visibility with the Visible property – hide columns after a user interaction or show them after some data was loaded – it’s all dependent on your needs.

Telerik UI for Blazor Grid Visible Parameter For Columns

New Grid Feature: Custom Filter Rows and Menus

Custom filter rows and Custom filter menus provide you with the ability to replace the built-in filters on top of each column in the Grid with a more user-friendly filter for your specific case. Discover how can you use both in the filter row demo and in the filter menu demo.

Telerik UI for Blazor Grid Custom Filter Row

New Grid Feature: OnRowContextMenu

Right-clicking with a mouse or long-holding on mobile will result in the OnRowContextMenu event being fired. Handling this event is best combined with the ContextMenu component to show any relevant commands.

New Grid Feature: Grouping with OnRead

It is now possible to use manual data management with OnRead with grouped data! When data is grouped, it can no longer be represented with a flat list of items as each group acts as a container for several items. For that reason, previously it was impossible to read from the grid using OnRead but that’s no longer the case. Check the demo for an example on how to achieve it.

New Grid feature: OnRowExpand, OnRowCollapse

When a user expands or collapses a row, the Grid will broadcast the OnRowExpand and OnRowCollapse events respectively. These can be used to display or remove any additional commands / details about the data (e.g. an expanded row might be used as a datapoint on a Chart).

New Grid Feature: Row Click And Double Click Events

Whenever a row in the Grid is clicked or double-clicked, the corresponding event is fired and you can handle it to do interesting things like showing a detailed view of that row in a separate control or  fetching/sending more data about this particular item to the server. Read the full guide in the docs.

New Grid Feature: Support For Dynamic ExpandoObject

The Telerik UI for Blazor Grid can also use data from a weakly-typed ExpandoObject. This is often the case when connecting to a backend based on older technologies and usually makes integration much harder the Grid takes care of it.

New Grid Feature: Bind Grid To DataTable

The Telerik UI for Blazor Grid can also use data from a DataTable object. This makes it easier to connect with legacy code which is still using DataTables – like in this example.

New Chart Features: Chart Tooltip

Users can now hover over the Telerik UI for Blazor Chart to get more detailed information about a particular data point on it and developers can customize the tooltip to show whatever relevant information is necessary.

New Chart Series: OHLC and Candlestick

Two new chart types were introduced in this release – the Candlestick and the OHLC (open-high-low-close). Both are invaluable financial helpers as they display the price of a financial instrument at its highest, lowest, when the market was opened and when it closed.

Telerik UI for Blazor OHLC Chart

New Chart Features: Click Event On A Chart Element

The Telerik UI for Blazor Chart component now exposes a Click event, triggered when the user clicks on the chart. Handling this event opens the door for new interactions like showing detailed info about clicked chart element like in our sample app.

New TreeList Feature: Column Visible Property

Dynamically control which columns of the TreeList are visible with the newly added Visible property. This lets you hide columns that are not relevant for the current state of the Grid and show them back at a future time.

New TreeList Feature: Multi-Column Sorting

With Multi-Column Sorting, the Telerik UI for Blazor TreeList allows users to sort the data by multiple criteria. Clicking on multiple columns will apply the sorting rules in the click order.

New TreeList Feature: Search Box

Bolster your user’s search capabilities by adding a Search Box – an intuitive text input which users can type anything into and find only relevant records.

Telerik UI for Blazor TreeList SearchBox

New TreeView Feature: Node Click Event / Selecteditemschanged Event

The OnItemClick and SelectedItemsChanged events will now fire to let you react to more user actions and provide appropriate results.

New TreeView Feature: Selection Of Nodes

Nodes in the TreeView can be Selected so they can be processed in some way – e.g. selecting an item in TreeView displaying file and folder structure can open the file contents in a separate component like in this example.

Telerik UI for TreeView Node Selection

New TextBox Feature: Additional Parameters

There are several new minor parameters have been added to Telerik UI for Blazor TextBox component like control over AutoComplete, InputMode, PlaceHolder and TabIndex.

New Menu Feature: Disabled Menu Items

Menu items which cannot be used in the current state of the application can now be disabled. Disabled items will still render but the user will not be able to interact with them.

New Menu Feature: Separators

We have enhanced menu items with the ability to mark some of them as separators. Separators only render as a single line and will discard any text icons, children or navigable link. Use them to separate logically grouped sequences of menu items.

New Feature: New Visual Studio Dashboard Project Template

Anyone building dashboard-like Blazor applications will find this new project template handy as it offers a predefined layout perfect for bootstrapping your dashboard thanks to the new components and features in this release.

Telerik UI for Blazor Dashboard Project Template

New Online Technical Training

We just released a new online technical training for Telerik UI for Blazor, available to both our active trials and license holders. Learn at your own pace how to build real world apps with Blazor and Telerik UI for Blazor with many code examples and best practices.Check it out
Telerik UI for Blazor Online Technical Training

Updated Docs and Demos

As learning materials are crucially important for devs of any kind, we made significant changes to both our demos and docs to make your journey better and faster. Take a look at the Blazor components demos and documentation and let us know what you think in the embedded feedback forms on both portals!

Telerik UI for Blazor New Updated Demos

New Feature: Linux Installer

Telerik UI for Blazor can now also be installed on Linux! If you are a Linux user, download your Linux installer or start a new trial now.

Mac Installer for Telerik UI for Blazor

Mac users, rejoice! You can now install the Telerik UI for Blazor suite via the new Mac installer.

Telerik UI for Blazor Mac Installer

New Visual Studio Extension

We also released a Visual Studio Extension. The wizard streamlines interactions with the Telerik UI for Blazor suite and makes setting up projects easy – convert your existing Blazor project to a Telerik UI for Blazor-enabled project in seconds.

UI for Blazor

Demo Buy Try

New features & Roadmap

Have a feature request?

Post your feedback via the Blazor UserVoice portal or the Public forums

What's new across all Telerik products?

See the updates feed

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.