Telerik UI for Blazor Components and Sample Apps

Telerik UI for Blazor enables you to develop new Blazor applications and modernize legacy web projects in half the time with a high-performing Blazor Data Grid and 100+ truly native, easy-to-customize UI components to cover any requirement.

This repository contains examples related to Telerik UI for Blazor components that can be used in addition to the existing documentation or demos. They provide scenarios and answers to common how-to questions related to:

• Blazor Data Grid
• Blazor Chart
• Blazor Editor
• Blazor Drawer
• Blazor Scheduler and more.

The included code examples are applicable for both Blazor WebAssembly and Blazor Server projects. For most of them, a component and some classes are provided to illustrate a specific use case can be achieved.

NOTE: This repository does not contain the actual source code of the components, or the demos application available at the official UI for Blazor demos. The demos application is available as an offline project from your Telerik UI for Blazor installation.

Table of Contents

• Common Support Questions
  • Where can I find help?
  • When do you plan to release feature X?
  • Where do I make suggestions?
• Blazor UI Components
• Design to development
• Sample Applications
  • Task Tracker Dashboard
  • Financial Portfolio
  • Coffee Warehouse Dashboard
• Package References
• Contribution
• Licensing
• Useful Links

Common Support Questions

Where can I find help?

1. For community support, we recommend asking questions on Stack Overflow using the telerik-blazor tag.
2. If you have an active trial or license, you can use the official support channel for questions, technical assistance, bug reports or problem resolutions.

When do you plan to release feature X

Check the Telerik UI for Blazor Roadmap to see a list of components, features and tooling we have planned.

Where do I make suggestions?

If your feature isn’t listed in the product roadmap, check our dedicated feedback portal. You can upvote existing requested items or If you don’t see your feature on our portal, you can request the feature there.

Blazor UI Components

Blazor Data Management

Blazor File Management

Blazor Geo Visualization

Blazor Scheduling Components

Blazor Editor Components

Blazor Data Visualization Components

Blazor Barcode Components

Blazor Gauges Components

Interactivity & UX

Blazor Layout Components

Blazor Icon Components

Blazor Label Components

Blazor Navigation Components

Blazor PDF Components

Document Processing Libraries

As part of your Telerik UI for Blazor trial or licensed copy you get access to several document processing libraries that allow you to convert, manage and export data to different file formats.

Design-to-Development Support

3 Design Themes

Telerik Ui for Blazor includes three built-in themes: Blazor Default Theme, Material and Bootstrap Themes, as well as multiple color swatches including "Ocean Blue" targeting accessibility compliance.

Design Kits for Figma

Customize the Telerik UI for Blazor Themes to Match Your Brand

Sample Applications

Blazor Dashboard Application

We created the Blazor Dashboard Application following the best practices of building UI with Telerik UI for Blazor components, which makes it a fantastic learning resource. You can see a complete task tracking application and how easy it is to set up complex components such as the Data Grid (Table), Charts, or Forms.

• Live demo
• Source code

Blazor Stocks Application

The Blazor Financial Portfolio Application is a progressive web app (PWA) which shows how to create fast, beautiful and dynamic financial dashboards. It takes full advantage of Blazor's fast rendering and shows dynamic data updates in real time which allows monitoring data with no visible delay.

• Live demo
• Source code

Blazor Coffee Warehouse Application

The Blazor Coffee Warehouse Application is a coffee warehouse management application that shows CRUD operations over various data grids and other components, visualizations with Charts and everything else you would need for a warehouse.

• Live demo
• Source code

Package References

The projects usually reference a commercial version of UI for Blazor components. If you only have a trial license, replace the reference to the NuGet package and to the JS Interop file and/or Theme accordingly.

The references (both to Telerik UI for Blazor, and the .NET framework) are usually up-to-date for the time of creation. You may need to update to their latest versions and make any necessary changes. The Blazor framework is evolving rapidly and these examples may not get their references updated all the time. Nevertheless, the general approaches should remain valid, barring breaking changes in the framework.

Contribution

Issues and Pull Requests are welcome.

To submit a pull request, you should first fork the repo.

Licensing

Telerik UI for Blazor is a commercial UI library. To use the components, you need to either register for a free trial or purchase a license.

The 30-day free trial can be obtained from Telerik UI for Blazor product page and gives you access to all Telerik UI for Blazor components and their full functionality. For more infromation regarding the available license and budnle options you can review the product pricing page.

For both active trialist and license holders you get access to our legendary technical support provided directly by the UI for Blazor dev team!

Useful Links

• Browse all UI for Blazor component demos live
• Browse the Telerik UI for Blazor documentation
• Follow this link to report bugs and add feature requests
• Browse or contribute to localization texts used in the samples
• Create, run, share and test Blazor code snippets directly in the browser in our Blazor REPL code runner