Telerik blogs

I am happy to be able to announce Telerik UI for Blazor is officially out of the preview and experimental stage and now enters a new era: official RTM! Telerik UI for Blazor 1.0.0 is here!

Update: This post is out of date so be sure to visit the Telerik UI for Blazor page and read our quick-start guide to Blazor for the latest information.

It’s crazy to think about how Telerik UI for Blazor was in its initial preview just a few months ago. Now, after several releases, lots of feedback from Blazor fans, and huge steps for the Blazor framework itself, we are finally here to chat about this new official product in the Telerik family of UI component suites.

Wait, What is this Blazor Thing?

Blazor is an exciting new framework coming from Microsoft that takes advantage of WebAssembly in order to allow developers to use C# to target web applications instead of using JavaScript.

That’s right, you heard me, you can now develop rich web applications using C# where you normally would use JavaScript! Obviously this is huge for many .NET developers out there.

This blog post isn’t necessarily meant to give everyone a full 101 intro to Blazor, but keep the above in mind as you go through the rest of this blog post. If you’re interested in knowing more about Blazor itself head over to the official Blazor page that I linked in the beginning of this section.

How Telerik Approaches Blazor UI Components

One thing I’d like to note about Telerik UI for Blazor is that we have decided to build these components from the ground up, making them completely native to the Blazor framework.

During our initial research into how we should approach a set of UI components for Blazor, we had two paths we could take: wrap existing JavaScript components (Kendo UI specifically) or build up a new set of components from scratch. While wrapping would give us a quick win, essentially offering over 70 UI components from the get-go, we realized that we could quickly run into issues integrating with the Blazor framework itself, like working with validation, templates, and other items.

Our philosophy while building these components is to keep the JavaScript interops to a minimum. The strength of Blazor is to use C# rather than JavaScript after all. There will still be some interops needed here and there, but as I mentioned these will be kept to a minimum going forward.

So, What’s in 1.0.0?

With the initial release of Telerik UI for Blazor we have the following UI components ready for you right out of the box.

  • Button
  • Calendar
  • Chart
  • Date Input
  • Date Picker
  • DropDownList
  • Grid
  • Numeric Textbox
  • TabStrip
  • TextBox
  • Window
  • Animation Container

That’s a huge amount of components! With this list you can clearly already start developing pretty advanced applications using Blazor.

All of the input components can take advantage of Blazor’s validation framework and there’s full support for templates across the board.

One of the heavier hitters here is obviously the native Grid component. Just as a quick highlight, here are the initial features we have managed to squeeze in to the Grid (with more to come of course).

  • Paging
  • Sorting
  • Filtering
  • Show/Hide Columns
  • Cell Templates
  • In-cell Editing
  • Inline editing
  • Popup Editing
  • Custom form for editing
  • Custom editor (editor templates)

There’s just so much to showcase in the components that I can’t put it all in a blog post, so instead I recommend heading over to the demo site for Telerik UI for Blazor. Quick note: this is actually a full Blazor app!

If you’ve already been using Telerik UI for Blazor in its earlier iterations I recommend heading over to our What’s New in Telerik UI for Blazor 1.0.0 page.

ThemeBuilder Support

Just like we have with all of our other web-based components, we have added Telerik UI for Blazor into the ThemeBuilder tool. This makes customizing any of the available themes extremely easy through just a couple of clicks. Any changes you make to the look-and-feel will automatically be updated in the list of components rendered on the page, which gives you immediate feedback around what your changes are doing to the components.

Blazor Sample Application

With this first release we have also created a sample application showcasing the power of the Blazor framework - with Telerik UI for Blazor in charge of the UI components for said application. Since we have Grids, Charts, and Form elements as a part of 1.0.0, it makes a ton of sense to showcase these in a dashboard application. So, if you’re interested in seeing a Blazor app in action head on over to the Telerik UI for Blazor Dashboard Sample application.

Where Can I Find Out More?

To find out more or share your thoughts about Telerik UI for Blazor, I can recommend a few places to go:

All of these pages are great to keep bookmarked and handy for learning more about Telerik UI for Blazor. Of course, the demos and docs will be something that you should definitely bookmark since that’s where you can learn the most about the components, how to use them, and their API.

Sign Up for A Trial

I’m incredibly excited that Telerik UI for Blazor 1.0.0 is here, and I’m sure you are too! If you’re interested in tinkering around with Blazor, or if you’re already actively working with Blazor to develop applications I encourage you to check out Telerik UI for Blazor.

In order to get ahold of the bits you will need to sign up for a trial, which gives you access to the components as well as our support ticketing system. Head on over to the Telerik UI for Blazor overview page or click the button below and sign up for a trial today!

Try Telerik UI for Blazor

Of course, this is just the beginning of the Telerik UI for Blazor journey, so stay tuned for more updates, new components, and tons of new features coming out later this year!

Carl Bergenhem
About the Author

Carl Bergenhem

Carl Bergenhem was the Product Manager for Kendo UI.

Related Posts


Comments are disabled in preview mode.