TL;DR: Syncfusion Blazor 2024 Volume 4 introduces new preview components, including Ribbon, Chat UI, and Sankey Diagram, along with full support for .NET 9, the Tailwind CSS 3.4 theme, and integration with Microsoft AI services. The update also includes enhancements such as Hijri calendar support, adaptive chart layouts, and more.
We are thrilled to announce that the Syncfusion Essential Studio® 2024 Volume 4 release is here! This release introduces astonishing new controls and features in our Blazor suite to enhance user experience and streamline modern web development.
Let’s explore them!
.NET 9 support
Syncfusion Blazor components now fully support .NET 9, beginning with the 2024 Volume 3 Service Pack release (27.2). We’ve provided dedicated assemblies for .NET 9, ensuring you can leverage the latest enhancements in Blazor.
Tailwind CSS 3.4 theme
All components in the Syncfusion Blazor suite now support the Tailwind CSS 3.4 theme, which adds enhanced styling and features for a polished modern appearance.
Integrated Microsoft AI Extension Libraries
The Microsoft.Extensions.AI package allows for easy integration of AI functionalities into our components. This package provides a unified API abstraction for AI services, including:
- OpenAI
- Azure AI Inference
- Ollama
Learn more about integrating these capabilities in our detailed blog post.
New Blazor components
The 2024 Volume 4 release introduces the following three new Blazor components in preview mode:
Ribbon (Preview)
The Blazor Ribbon component provides a streamlined interface for accessing features and functions.
Its key features include:
- Built-in items: Customizable items like buttons, checkboxes, and dropdowns.
- Modes: Classic and simplified modes to organize items effectively.
- Tooltips: Provides enhanced user guidance.
- File and backstage menu: Supports common actions with customizable backstage views.
- Templates: Customizable item templates and help panes.
Refer to the following image.
Chat UI (Preview)
The new Blazor Chat UI is a lightweight chat interface for displaying user conversations.
Its key features include:
- Message suggestions: Customizable templates for interaction enhancement.
- On-demand message loading: Enhances performance by loading messages as needed.
- Header toolbar: Customizable toolbar items and commands.
- Timebreak and typing indicator: Improves conversation readability and interaction.
Refer to the following image.
Sankey Diagrams (Preview)
Visualize flow and relationships in various data contexts with the Blazor Sankey Diagrams component.
Its key features include:
- Nodes and links: Represent and connect stages with flow magnitude visualization.
- Labels, tooltips, and legends: Enhance clarity and readability.
- Responsive design, layout options, and export: Provide adaptable and shareable visualization.
Refer to the following image.
Preview to production-ready components
The Blazor AI AssistView and MultiColumn ComboBox components have matured to meet industry standards and are now marked as production-ready.
What’s new in existing Blazor components?
Let’s see the new user-friendly features added to our existing Blazor components as part of the 2024 volume 4 release!
Calendars and Pickers
The Blazor Calendars and Pickers now support the following new features:
- Hijri Calendar: Supports the Islamic lunar calendar for accurate date management.
- Popup opening on focus: Automatically opens date/time popups when the component is focused.
Charts
The Blazor Charts component delivers the following new vivid features:
- Adaptive layout: Dynamically adjusts chart elements for various screen sizes.
- Crosshair snap: Focuses on nearest data points for precision.
Dropdowns
The Blazor Dropdown components have the following new updates:
- Popup resize: Allows dynamic resizing of dropdowns for enhanced usability.
- Filtering with debounce: Optimizes performance by delaying filtering during rapid typing.
Scheduler
Prevent overlapping appointments
The Blazor Scheduler component offers a built-in feature to prevent appointment overlaps, ensuring efficient time management.
Refer to the following image.
Also, check out the following demos:
Image Editor
Image type and size restriction
The Blazor Image Editor component allows us to set restrictions on image extensions and sizes for uploads, providing user-friendly alerts.
Refer to the following image.
File Manager
Chunk upload
The Blazor File Manager now implements a robust chunk upload mechanism, enabling efficient handling of large file uploads in your Blazor apps. This feature segments sizeable files into smaller, manageable chunks based on a configurable chunk size, sequentially transmitted to the server. This feature enhances reliability for large file transfers, improves upload performance, and reduces memory usage.
Maps
Marker cluster configuration
The Blazor Maps component allows us to enable and customize marker clusters for individual marker groups to improve map readability.
Dropdown Tree
Value template
The Blazor Dropdown Tree offers a customizable rendering of selected values. This feature lets developers format and display chosen items according to their app’s requirements.
Conclusion
Thanks for reading this blog! We’ve explored the new components and features added to the Syncfusion Blazor suite for the 2024 Volume 4 release. To discover more about the features available in this release, please visit our Release Notes and What’s New pages. Try them out and leave your feedback in the comments section below!
Existing Syncfusion users can access the most recent version of Essential Studio® on the License and Downloads page. If you’re new to Syncfusion, we offer a 30-day free trial to test these exciting new features.
You can also contact us through our support forum, support portal, or feedback portal. We are always happy to help you!
![Building Oqtane Modules with Syncfusion® Components for Blazor [Webinar Show Notes]](https://www.syncfusion.com/blogs/wp-content/uploads/2024/11/Building-Oqtane-Modules-with-Syncfusion®-Components-for-Blazor-Webinar-Show-Notes.png)
