We’re excited to announce that Smart UI now offers full support for Angular 20!

This update ensures seamless integration with the latest version of Angular, so you can continue building high-performance, modern web applications using Smart UI’s powerful components—now with all the benefits of Angular 20’s improvements in performance, developer experience, and stability.

- Out-of-the-box compatibility
- Updated @smart-webcomponents-angular package
- Support for Ivy and standalone components
- Works with Angular CLI 20 and latest TypeScript versions

Whether you're upgrading an existing project or starting something new, Smart UI is ready to help you deliver fast, clean, and scalable UI.

Smart UI v23.0.0 Release, May-13-2025

What’s New

AI & Smart Editing

Smart.Editor – All-in-One Smart Editor (Notion-style):

• Headings, Lists, Checkboxes
• Inline Tasks with Status, Due Dates, and Assignees
• Drag-and-Drop Blocks with Visual Reordering
• Emoji Support
• Slash Command Menus for Fast Block Insertion

Smart.Editor – AI-Powered Writing Tools:

• Content Generation: Turn short ideas into long-form content.
• Text Summarization
• Grammar and Clarity Fixes
• Tone Adjustment
• Translate
• Rewrite / Expand / Shorten
• Continue Writing

Smart.Editor – AI Auto-Suggestions:

As-you-type intelligence that surfaces phrase completions, formatting hints, and inline corrections.

• Grid – Rich Text Cells with AI. Grid cells now support advanced editing with the Smart Editor — including inline tasks, formatting, emojis, and full AI assistance.
• Grid – AI Prompt Integration. AI prompt bar added to editing dialogs to help users rewrite, translate, or generate content using natural language.
• Grid – React Cell Templates. You can now render native React components directly in grid cells, allowing complex custom UIs inside your data tables.
• Grid – Custom summaries support. Custom summaries feature added for enhanced reporting.
• Grid – Rich Side Panel for displaying context-aware content. New side panel added for better content display within the Grid.
• Editor – Structured Pages for multi-document workspaces.
• Editor – Smart toolbar with block-aware formatting tools.
• Grid – Formula Builder for easy creation of custom formulas.

What’s Improved

• Grid – Full Editor module used for rich text and AI when imported.
• Grid – Improved key/value dropdown editor behavior.
• Grid – Enhanced handling of formulas, templates, and formatting.
• Grid – Improved update behavior within beginUpdate/endUpdate.
• Grid – Enhanced clipboard and visual feedback for copy/paste.
• Grid – Improved link pasting and rich content rendering.
• Editor – More precise toolbar actions and event handling.
• Editor – Extended color options and custom block rendering.
• Input – Improved autoAdjustWidth logic.
• Scheduler – List navigation UX refinements.
• Gantt Chart – Clearer rendering of column labels.

What’s Fixed

• Grid – Arrow key navigation with frozen columns.
• Grid – Column autosize on double-click and datetime fields.
• Grid – Export issues with CSV/TSV and Cyrillic text.
• Grid – Styling in exports including ARGB colors.
• Grid – Context menu and dropdown overlap issues.
• Grid – Filtering bug with allowFilter.
• Grid – Formula recalculation bugs.
• Grid – Tree mode row deletion.
• Grid – Dynamic value update issues.
• Pivot Table – Sibling record hierarchy bugs.
• Editor – Selection/delete bugs and toolbar inconsistencies.
• Layout – Delete key handling issue.
• Kanban – Task field display bug.
• Blazor – Null property assignment issue.

What's New:

DropDownTree Component - Introduced a new rendering mode, allowing the tree component to be rendered within a dropdown.
React 19 support.
Grid - Added an option for custom summaries.

What's Improved:

Grid - Enhanced column header rendering with support for custom class names.
Grid - new context menu options for insert/remove row, comments, etc.
Scheduler - Improved list navigation for a smoother user experience.

What's Fixed:

Grid - resolved navigation issues with frozen columns when using arrow keys.
Grid - fixed column autosize functionality on double-click.
Grid - corrected column autosize behavior for datetime columns.
Grid - addressed issues with conditional formatting.
Grid - tree grid load-on-demand issues during dynamic scrolling.
Grid - corrected data export to CSV, ensuring proper handling of Cyrillic characters.
Grid - resolved issues with exporting to Excel when 'cellsFormat' set to 'd' was applied to numeric fields.
Pivot Table - Fixed issues with column hierarchies and the pivot designer.
Pivot Table - Corrected problems when clearing the data source and dynamically applying a new one.

Introducing the DropDownTree Component in Smart UI
We're thrilled to announce the upcoming release of a new and powerful component for the Smart UI toolkit: the DropDownTree. Designed to elevate user experience and simplify complex data interactions, the DropDownTree will be available in the next release of Smart UI.
What is the DropDownTree?
The DropDownTree combines the flexibility of a dropdown menu with the hierarchical structure of a tree view. It allows users to explore, navigate, and select items from nested data structures efficiently, making it ideal for applications that manage large datasets or require multi-level categorization.
Key Features:

• Hierarchical Display: Visualize nested data in an expandable tree structure.
• Checkbox Support: Enable single or multiple selections with integrated checkboxes.
• Dynamic Loading: Load data on-demand for seamless performance with large datasets.
• Custom Styling: Fully customizable to match your application's design.
• Accessibility: Built with accessibility in mind, ensuring usability for all users.

Who Will Benefit?
The DropDownTree is perfect for developers building dashboards, e-commerce platforms, project management tools, or any application that needs to present and manipulate hierarchical data intuitively.
When to Expect It?
The DropDownTree component is planned for inclusion in the next Smart UI release, bringing even more versatility to our growing toolkit. Stay tuned for more updates and a detailed demo of the DropDownTree in action. We can’t wait to see how you use it in your projects!

Smart UI v21.0.0 Release, Dec-01-2024

What's New:

• Angular 19 support.
• Excel Export for One or Multiple Images.
• Excel Export for custom header and footer.
• Excel Export of multiple sheets.
• Excel Export for Master and Detail Grids.
• Excel Export to Table.
• Excel Export with Froezen Header.
• Excel Export only selected Grid rows/cells.
• Grid Vote column for voting when the Grid is used by multiple.
• Grid filter by displaField in the grid.
• Grid copy column headers in clipboard.
• Dropdowngrid selection.

What's Improved:

• Grid scrolling performance improved by 30%.
• Grid getState, saveState and loadState behavior and state's json object.
• Grid keyboard navigation.
• Grid attachment column now supports for mp3, mp4, webm, mov and mpeg file types.
• Grid textarea dialog is resizable.
• Grid rows and columns resizing.
• Scheduler disableEventMenu property for disabling the default menu.
• Form custom button actions.
• Scheduler auto create dialog.
• Kanban editable sub tasks.
• Kanban mobile scroll.
• Scheduler mobile scroll.

What's Fixed:

• Gantt - resizing direction issue for tasks resolved
• Grid - fixed auto-closing behavior of the Grid toolbar dropdowns.
• Grid - resolved issues with grid rich text editing.
• Grid - corrected positioning issues in grid’s textarea dialog.
• Table - fixed column menu positioning and rendering in tables
• DateTimeInput - addressed issues with the Popup display.
• Pivot Table - fixed filtering panel and pivot table designer for duplicate items.
• Scheduler - fixed an issue related to the excel export.
• Gantt - fixed an issue related to the dates formatting in the excel export.

We're thrilled to introduce a fresh set of powerful tools and improvements in our latest release. This update is packed with new components, expanded functionality, and enhanced performance, all designed to boost your productivity and provide even greater control over your UI. Let's dive into what's new, what's improved, and the fixes that are making this release our best yet.

New Features

1. Timeline Component The new Timeline component allows you to display a chronological collection of events effortlessly. Whether you're working on a historical timeline or an event log, you can render the timeline vertically or horizontally. Plus, it's highly customizable with CSS, ensuring that it aligns with your design vision perfectly.
2. Design Blocks We've added Design blocks, a set of small, pre-designed UI elements that will fast-track your development process. Use them to quickly assemble Shells, Checkout forms, Contact pages, Login forms, Overlays, or Site navigation. No more building these elements from scratch—just grab, customize, and deploy!
3. Grid Conditional Formatting Based on Select Column With conditional formatting, your Grid component just got smarter! Now, you can apply conditional formatting based on a selected column, making data easier to interpret and analyze at a glance.
4. Grid AI Column Take advantage of the new AI column in the Grid component. It enables you to send prompts and update cells either in the same column or across other columns dynamically. This functionality opens the door to more intelligent data handling and automated actions.
5. Scheduler Auto-Create Dialog Managing schedules has never been simpler. The Auto-Create dialog in the Scheduler allows users to quickly create events after selecting a cell or a range of cells. This feature accelerates the scheduling process and improves user efficiency.
6. Enhanced Scheduler Features Now, the Scheduler allows dynamic scheduling or unscheduling of events through a built-in UI, complete with drag-and-drop functionality. There's also an option to disable conflicts, which prevents multiple events from being scheduled in the same time slot—making it easier to maintain an organized and conflict-free schedule.
7. TextArea Rich Text Formatting The TextArea component now includes advanced formatting options for background and color when used in rich text mode, giving users more control over the presentation of their content.
8. Localization Files Added We've added localization support for Italian, Spanish, French, German, Korean, Japanese, and Chinese to key components like the Grid, Gantt, Editor, and Scheduler, making it easier to build globally accessible applications.

Improved Features

1. Grid Checkbox Column Templates The Grid Checkbox column has been enhanced with new templates, allowing you to choose from multiple predefined checkbox styles. This added flexibility means you can easily match the checkbox design to your application's overall look and feel.
2. Grid Selection API The Grid Selection API has been expanded to make row selection and data retrieval smoother and more intuitive. Whether you're selecting single rows or multiple rows, this API upgrade will make it easier to manage and manipulate data.
3. DateInput Customization The DateInput component now allows further customization of the Calendar popup, offering more ways to tailor date selection to your users' needs.
4. Gantt Task and Tooltip Formatting We've also improved the Gantt component, allowing more detailed formatting for both tasks and tooltips, giving your Gantt charts a cleaner, more professional appearance.
5. Scheduler API Enhancements The Scheduler API has been upgraded with the addition of disableContextMenu and disableEventMenu options for events. This provides even more control over user interactions within the scheduler, allowing you to fine-tune what users can do with event entries.
6. Special Dates API for Scheduler The new special dates API allows you to define and highlight specific dates in the Scheduler with different colors, making it easier for users to identify important events or holidays.
7. Gantt scrollTo Method We’ve added a new scrollTo method for the Gantt component, ensuring users can quickly navigate to specific tasks or dates within the chart.

8. Improved Mobile Experience ListBox, DropDownList, and ComboBox now feature native scrolling on mobile devices, making them more intuitive and responsive on phones and tablets.

Bug Fixes

In this release, we've also addressed several key issues:


Grid Auto Height Mode: Resolved an issue when paging was enabled, improving layout consistency.
Grid Row Selection: Fixed an issue related to row selection when paging is enabled and selectAllMode is set to ‘all’.
Null Filter Issue in Grid: Using a filter with a NULL condition now works correctly, even without a specified value.
Grid Column Reorder: The filter icon now displays correctly after a column reorder.
Kanban Column Colors: Fixed issues where incorrect styles were applied to Kanban tasks.
Kanban Rendering with Swimlanes: Addressed rendering problems when swimlanes were dynamically shown or hidden.
Kanban Task Custom Fields: Custom fields are now applied and updated correctly.
Input Aria-Hidden Attribute: Corrected an issue with the aria-hidden WAI-ARIA attribute in Input components.
Accordion Expand/Collapse: Fixed issues related to nested accordions and their expand/collapse behavior.

Conclusion

With these exciting new features, improvements, and bug fixes, our latest release is designed to make your workflow smoother and your user interfaces more dynamic and responsive. Whether you're working with grids, schedulers, forms, or timelines, this release has something for everyone.

We look forward to seeing how you'll use these new tools to create amazing applications!

Introducing the Conflict-Free Scheduling feature in Smart.Scheduler! This innovative enhancement ensures seamless scheduling by preventing users from dragging, dropping, or resizing an event into an already occupied time slot. With Conflict-Free Scheduling, double-bookings are a thing of the past. This feature will be part of our upcoming release this month.

Key Benefits:

• Error-Free Planning: Automatically prevents scheduling conflicts by disallowing overlaps.
• Enhanced Productivity: Saves time by eliminating the need for manual conflict resolution.
• User-Friendly Interface: Smooth and intuitive interactions with clear visual cues when attempting to schedule over an existing event.
• Increased Reliability: Guarantees that all scheduled events are unique and non-conflicting, ensuring a reliable and organized calendar.

How It Works:

1. Drag-and-Drop Restriction: When users attempt to drag an event into a time slot that is already occupied, the system will provide immediate feedback, indicating the conflict and preventing the action.
2. Resize Limitation: If users try to extend or shorten an event's duration into a busy slot, the system will restrict the change, preserving the integrity of the existing schedule.
3. Visual Alerts: Real-time alerts and highlights will inform users about conflicts, making it clear why the action is restricted.

Experience the next level of efficient scheduling with Smart.Scheduler's Conflict-Free Scheduling feature, designed to keep your calendar organized and your planning hassle-free!

In the next version of Smart UI, we will be adding a new Timeline component. A timeline component is a user interface element used to display a chronological sequence of events or activities along a linear axis. It provides users with a visual representation of time-related data, making it easier to understand the order and relationships between different events.



Key features of the timeline component include:

• Chronological Display: Events are displayed in chronological order along a horizontal or vertical axis.
• Interactive Design: Users can interact with the timeline by scrolling, zooming, or clicking on individual events for more information.
• Customizable Styling: The appearance of the timeline, including colors, fonts, and layout, can often be customized to match the design of the application.
• Support for Rich Content: Any HTML content can be added to the Timeline component. For example it may be including text, images, videos, and links.
• Responsiveness: Adapts to different screen sizes and devices, ensuring a consistent user experience across platforms.

Timeline components are commonly used in a variety of applications, including project management tools, historical websites, educational platforms, and personal storytelling apps. They provide a visually engaging way to present time-related information, making it easier for users to understand and navigate complex chronological data.

What's New:

• Dropdown Grid mode.
• Conditional Cells and Rows Colors for the Grid.
• Grid Sparklines.

What's Improved:

• DateTimeInput API. The new API allows you to customize the settings of the dropdown calendar.
• ListBox API. Added removeItem method which allows you to remove an item by its value.
• Gantt API. Added "scrollTo" method which allows you to scroll to a specific date.
• Grid Clipboard functionality allows you to copy/paste entire columns.
• Grid Header row selection. Users can select multiple rows clicking the row header checkboxes.
• Grid CardView Styling and Appearance.
• Grid Readonly Edit mode. Allows you to make edits which will not update the data, but fill fire "cellEditRequest" event instead.
• Grid Dates Filtering Options. Added filter conditions such as Next Week, This Week, Last Week and similar.

What's Fixed:

• Firefox components resize.
• Gantt Current Time Indicator.
• Gantt Tasks Dependencies were not working correctly from the Dialog.
• Gantt Tooltip positioning did not work correctly.
• Blazor Chart Animation Property.
• Blazor Table's OnFilter event.
• Blazor Table's PageSize property did not work correctly.
• Grid Grouping. The Row events did not work correctly when grouping is applied.
• Grid "autoResizeColumns" method did not work correctly when there is a Date column.
• Grid dynamic states change when some of the states are with frozen columns.
• Grid Fixed paste in the filter row inputs.
• Kanban remove comment did not work correctly, when the current user is not set.
• Kanban "ensureVisible" method is not working correctly.
• Scheduler event resize when resources are applied.
• Scheduler Today button was not correctly resized when a different locale is used.
• Scheduler header buttons navigation did not behave property with fast clicks.

Smart UI v18.0.0 Release, Jan-24-2024

What's New:

• Grid Card view layout.
• Grid Computed columns with Formulas.
• Grid Column Editor with custom data source.

What's Improved:

• Grid Performance. The scrolling, data updates and mobile UX.
• Dropdownlist, ComboBox, Menus and other dropdowns UX animations & effects.
• Gantt day view now allows you to display hour, half hour and quarter slots.

What's Fixed:

• Fixed an issue in the Grid about column reorder in column groups.
• Fixed an issue in the Grid about autoHideGroupColumn option.
• Fixed an issue in the Grid related to the prepared sql queries.
• Fixed an issue in the Grid related to the dropdown when the Grid is inside a Window.
• Fixed an issue in the Grid related to the Filter row when Ctrl+A is used.
• Fixed an issue in the Grid related to the localization of the Data Exported currencies.
• Fixed an issue in the Grid related to the column reorder & toolbar rendering after removing the Grid from the DOM and them adding it again.
• Fixed an issue in the DockingLayout related to the state maitenance.
• Fixed an issue in the DockingLayout related to the dragging of text and images in a layout panel.
• Fixed an issue in the Gantt issue related to the rendering in Month view when monthScale = 'day'.
• Fixed an issue in the Gantt issue related to the firstDayOfWeek property.
• Fixed an issue in the Gantt dayScale which allows you to display hour, half hour and quarter in the Gantt's day view.
• Fixed an issue in the Gantt about task base line rendering in month and year views.
• Fixed an issue in the Scheduler issue is fixed related to the Timeline Month view when Event is resized.

The new release brings the following updates:

• Grid Card view layout.
• Grid Formulas support.
• Grid Performance boost.
• Grid mobile experience was improved.
• Grid optimizations about groups render.
• Grid issue is fixed about column reorder in column groups.
• Grid issue is fixed about autoHideGroupColumn option.
• Grid issue is fixed related to the prepared sql queries.
• Grid issue is fixed related to the dropdown when the Grid is inside a Window.
• Grid issue is fixed related to the Filter row when Ctrl+A is used.
• Grid issue is fixed related to the localization of the Data Exported currencies.
• DockingLayout issue is fixed related to the state maitenance
• DockingLayout issue is fixed related to the dragging of text and images in a layout panel.
• Grid new autoWidth and autoHeight layout properties.
• Gantt issue is fixed related to the rendering in Month view when monthScale = 'day'.
• Gantt issue is fixed related to the firstDayOfWeek property.
• Gantt dayScale which allows you to display hour, half hour and quarter in the Gantt's day view.
• Scheduler issue is fixed related to the Timeline Month view when Event is resized.
• Improved UX for Dropdownlist, ComboBox, Menus and other dropdowns. They were updated with new smooth animations.

We just added a new tutorial which will show you how to easily integrate Blazor MAUI with SmartUI - https://www.htmlelements.com/docs/blazor-maui/

Smart UI v16.0.1 Release, Aug-04-2023

What's Improved:

• Grid Rating, Duration & Time columns.
• Grid Column Type change. The grid has a new functionality which allows users to dynamically change the column type.
• Grid Grouping and dynamic addition of rows to groups. When the add new row functionality is turned on, Grid groups will display a button which adds a new row to the group.
• Grid Toolbar drop-downs browser bounds detection. Drop-downs will open above the Grid when there is no available space.
• Grid Appearance which allows users to show or hide cell lines within column groups.
• Grid Edit Row dialog dragging functionality.
• TextArea can be used as a Mention input by using the new "users" property.
• Grid select columns summary option which displays legend bars at the bottom of the Grid with the summary details in the column.
• Kanban tasks priority rendering.

What's Fixed:

• Fixed an issue about dispatch of component events in Vue 3.
• Fixed an issue about add/remove dynamic CSS class names in React components.
• Fixed an issue in the Grid about Date filter usage within the filter row. The filter was not working correctly when the Grid column has a custom cells formatting.
• Fixed an issue in the Grid about data grouping state maintenance after the data source is changed.
• Fixed an issue in the Grid about the load state when there are groups.
• Fixed an issue in the Grid about the "columnDragEnd" event's newIndex detail.
• Fixed an issue in the Grid about the "setColumns" method.
• Fixed an issue in the Grid sorting after setting dynamically the "columns" property.
• Fixed an issue in the Grid about the "createdBy" and "createdDate" column templates.
• Fixed an issue in the Grid about the selection when infinite scroll is enabled.
• Fixed an issue in the Grid about rendering emojis in grid cells.
• Fixed an issue in the Grid about data export to Excel when the export column is a Date column and it contains null values.
• Fixed an issue in the Data binding with JSON in the Grid, Scheduler, Kanban & Table components.
• Fixed an issue in the Gantt chart about the zoom in/out functionality.
• Fixed an issue in the FileUpload about the auto upload functionality.
• Fixed an issue in the Kanban about comments, checklist and column header rendering and escaping.
• Fixed an issue in the DateRangeInput calendar rendering with multiple months.
• Fixed an issue in the DateRangeInput when the locale is set.
• Fixed an issue in the DateRangeInput when the months property is set dynamically.
• Fixed an issue in the Form when the form is created and the same form element is used for another form instance.
• Fixed an issue in the Scheduler about the current time indicator. The current time indicator was not rendering dynamically as it should.
• Fixed an issue in the Scheduler about Repeat events in Angular.
• Fixed an issue in the Table to keep the expanded state of groups, when the data source updated.
• Fixed an issue in the Input, Textarea and DropDownList about setting a custom tabindex.
• Fixed an issue in the Input about selected item rendering, when the value contains script tags.
• Fixed an issue in the Dropdownbutton about setting a template as a placeholder.
• Fixed an issue in the Input and MulticomboInput components about Escape key handling.

Smart UI v15.2.1 Release, May-16-2023

What's New:

• Angular 16 support. We updated the "smart-webcomponents-angular" npm pacakge to support the latest version of Angular.

What's improved:

• Custom current time can be set up for Scheduler and Gantt components.
• Improved Gantt API for rendering tasks and projects. This allows developers to customize the appearance. Added a 'quarterFormat' property to customize the quarter views.
• Improved Editor API. Developers can easily add, remove and update tools from the editor.
• Improved Kanban tasks priority look and feel.

What's Fixed:

• Fixed an issue in the React Grid about state persistance.
• Fixed an issue in the Tabs when the component is used within a Web components from another vendor.
• Fixed an issue in the Scheduler when a custom time zone is used in the TimelineWeek view.
• Fixed an issue in the Grid with the subtasks editor.
• Fixed an issue in the React components about changing props with object or array type.
• Fixed an issue in the Grid about sanitizing row comments.
• Fixed an issue in the Grid about state persistance of expanded rows when the data source is dynamically changed.
• Fixed an issue in the Gantt about the firstDayOfWeek property in week view.
• Fixed an issue in the Gantt about the weekFormat property in month view.
• Fixed an issue in the Gantt about the dayFormat property in month view when the monthScale is set to "day".
• Fixed an issue in the Scheduler about the currentTimeIndicator in RTL mode.
• Fixed an issue in the Grid about the 'Tab' key and the 'change' event. The 'change' event was not raised.
• Fixed an issue in the Grid about the Checkbox editor when the 'Space' key is pressed.
• Fixed an issue in the Grid about the 'endEdit' event with checkbox editor.

We are happy to announce that we launched our new product called Artavolo. Artavolo puts the power of building a custom database in everyday user's hands. Artavolo is a modern online database service created for everyone, and it gives people the simplicity of a spreadsheet, tools for team collaboration, and a seamless mobile experience. We are just getting started on our mission to expand productivity by giving people simple and useful tools to organize their world. Artavolo is perfect for project management, collecting customer information, creating surveys, and planning events. All of this without any technical expertise. To learn more about Artavolo - https://artavolo.com/

Smart UI v14.4.0 Release, Sep-29-2022

What's New:

• Admin Template for Angular.
• Admin Template for React.

What's Improved:

• Grid Performance when rows are added dynamically.
• Grid Image column. Configuration options for the file upload are added.
• Query builder - sanitize html in input and select fields items. This avoids potential XSS attacks.
• ListBox - sanitize html in list items. This avoids potential XSS attacks.

What's Fixed:

• Grid about filtering with empty values.
• Grid about the paste and copy values when using editor which has dataSource such as DropDownList or ComboBox editor.
• Grid about the clipboard cut and delete when editing is disabled.
• Grid about the keyboard delete when editing is disabled.
• Grid about the columns property when the property is set dynamically and it contains frozen columns.
• Grid about cells styling when filtering is applied.
• Grid about grouping with empty rows. The rows visbile index was incorrect.
• Grid about the edit dialog in readonly mode when editing is disabled.
• ListBox about Filtering. The Listbox was not rendering correctly.
• Kanban about the custom data fields rendering.
• MultiComboInput about the selectedValues property not working correctly when set dynamically.
• Scheduler about View property not working in Angular 14.
• Table about browser window's resize. The rendering of the table when grouping is applied was not correct.
• Scheduler about the date change event.
• Calendar about the min date property. The property was with incorrect default value.
• DateInput about the Calendar popup. The min and max dates were not synchronized correctly.

We would like to ask you to complete a simple anonymous Online Survey that should take no more than 30 seconds. Thank you in advance for sharing your thoughts with us. We appreciate your time and effort in providing feedback to us.

We are happy to share with you that the latest Smart.Blazor NuGET package targets .NET 6.0 by default.
The code sample below shows how to create a Blazor WebAssembly app with .NET 6

Blazor WebAssembly (blazorwasm) Example

1. Create a blazor application:

dotnet new blazorwasm -o BlazorApp

2. Navigate to the application:

cd BlazorApp

3. Add the Smart.Blazor package:

dotnet add package Smart.Blazor

4. Open _Imports.razor and add the following at the bottom:

@using Smart.Blazor

5. Open wwwroot/index.html and add the needed styles and scripts.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Blazor WebAssembly App</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="_framework/scoped.styles.css" rel="stylesheet" />
    <link href="_content/Smart.Blazor/css/smart.default.css" rel="stylesheet" />
    <script src="_content/Smart.Blazor/js/smart.blazor.js"></script>
    <script src="_content/Smart.Blazor/js/smart.elements.js"></script>
</head>

<body>
    <div id="app">Loading...</div>

    <div id="blazor-error-ui">
	An unhandled error has occurred.
	<a href="" class="reload">Reload</a>
	<a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
</body>

</html>

6. Open Pages/Index.razor and replace the code as follows:

@page "/"

@inject HttpClient Http

<h1>Weather forecast</h1>

<p>This component demonstrates fetching data from the server.</p>

@if (forecasts == null)
{
	<p><em>Loading...</em></p>
}
else
{
	<Table Selection="true" SortMode="TableSortMode.One" class="table">
		<table>
			<thead>
				<tr>
					<th>Date</th>
					<th>Temp. (C)</th>
					<th>Temp. (F)</th>
					<th>Summary</th>
				</tr>
			</thead>
			<tbody>
				@foreach (var forecast in forecasts)
				{
					<tr>
						<td>@forecast.Date.ToShortDateString()</td>
						<td>@forecast.TemperatureC</td>
						<td>@forecast.TemperatureF</td>
						<td>@forecast.Summary</td>
					</tr>
				}
			</tbody>
		</table>
	</Table>
}

@code {
	private WeatherForecast[] forecasts;

	protected override async Task OnInitializedAsync()
	{
		forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
	}

	public class WeatherForecast
	{
		public DateTime Date { get; set; }

		public int TemperatureC { get; set; }

		public string Summary { get; set; }

		public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
	}
}

7. Edit Program.cs

using BlazorApp;  
using Microsoft.AspNetCore.Components.Web;  
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;  
using Smart.Blazor;  
var builder = WebAssemblyHostBuilder.CreateDefault(args);  
builder.RootComponents.Add<App>("#app");  
builder.RootComponents.Add<HeadOutlet>("head::after");  
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });  
builder.Services.AddSmart();  
await builder.Build().RunAsync(); 

8. Start the app and check the result

dotnet watch run

Wait for the app to display that it's listening on http://localhost:5000 and then, open a browser and navigate to that address.
Once you get to the following page, you have successfully run your first Blazor WebAssembly app using Smart UI for Blazor Components!

Output

Smart UI v14.0.0 Release, Apr-18-2022

What's New:

• Barcode - new Barcode component.
• QR code - new QR code component.

What's Fixed:

• Kanban - updated kanban scss. The new change enables additional style for the Kanban board.
• Kanban - new columnWidth property. Allows horizontal scrolling in Kanban boards.
• Kanban - new dialogRendered property. Allows custom dialogs for Kanban boards.
• Window - new API for move, updateContent, updateLabel.
• Input - bug fix for selectedValues.
• Grid - autoHideGroupColumn bug fix. The column did not appear after the group is removed.
• Grid - sort problem in tree grid mode. Sorting was not operating correctly when the Grid was in tree mode.
• Grid - undo/redo enable after init. Undo-redo is now enabled after the Grid is fully initialized.
• Table - filtering, column menu and virtualization wrong rendering.
• Input - create from option tag.

We are happy to announce that we have just released the first version of Smart.Blazor for this year. The Gantt Chart, Kanban, Grid, Scheduler & Editor come with major new features. More than 70 new documentation help tutorials and 100+ examples are in our updated blazor demos page: https://www.htmlelements.com/blazor/blazor-ui/demos/

Please, find below the list of changes:

• Kanban Edit Task dialog - the dialog now shows subtasks, activity and comments in separate tabs. The color and tags input are updated.
• Kanban Color entire task card - the task color can be used for coloring the entire card instead of the small status area.
• Gantt Chart - task deadline.
• Gantt Chart - Tooltips for the tasks. connections, resources, segments and indicators.
• Gantt Chart - task baseline which shows the planned dataStart/dateEnd for the tasks.
• Gantt Chart - task segments. Tasks can now be segmented into multiple sub-tasks on a single line.
• Gantt Chart - task indicators. Task indicators show different events base on their date inside the corresponding task row.
• Gantt Chart - date markers. Markers designate specific dates with a vertical line across the timeline.
• Gantt Chart - New Task editing Dialog. Added tabs with general/ dependency and segments sections which allow to view and modify the connections related to the task and it's segments.
• Gantt Chart - current time indicator and shader. Similarly to Smart.Scheduler, added current time indicator and shader that show the current time inside the timeline.
• Grid - Slider, MultiInput, Password & Image Editors.
• Grid - Multi-users mode. You can add Users and choose a current user in the Grid. Users can add comments and the current user data is displayed in 'Modified by' and 'Created by' columns.
• Grid - Added new options to Add new column dialog. You can dynamically create new columns with custom Grid editors by using the "add column dialog".
• Editor - Added a new feature - a property that enables/disables the ability to remove inline styles when executing the clearFormat.
• Scheduler - added resource sorting ability via 3 new properties: sortBy, sorOrder, sortFunction.
• Scheduler - show events with 0 duration (same start/end dates).
• Phone Input and Country Input components
• Grid Add new column dialog
• New Demos & Help Tutorials

Smart UI v9.4.1 Release, July-07-2021

What's New:

• Editor Find & Replace
• Editor Context Menu
• Grid API Updates
• Grid Performance Updates
• Editor Content Filtering
• Editor Toolbar Ribbon mode