Blazor UI Controls | Blazor Grid and Input Controls

Reuse Your Existing Code and Desktop Development Skills

Blazor allows you to write rich web apps using C# code on both the server and client-side. ComponentOne Blazor controls have the same API and feature set as found on other platforms, so migration to the web is simple and straightforward.

Get the Best Performance Out of Blazor on the Server

FlexGrid and the other controls for Blazor have been developed natively from the ground up, ensuring optimal performance on the platform.

Quickly Deliver Input Forms and Tabular Data Editing in Your Web Apps

FlexGrid is a fast datagrid that enables typical data grid features such as tabular data editing, sorting, filtering, and grouping. Plus, get several input editors such as autocomplete, combobox, checkbox, data pager and listview.

Get More Than Just a Datagrid with FlexGrid

FlexGrid continues to be the industry's fastest and most popular datagrid. Plus, FlexGrid takes your web grids to the next level with on-demand loading, custom cells, built-in editor controls, responsive column layout, selection, and export to CSV.

Explore All Blazor Controls

Change View:

Blazor Controls

FlexGrid

FlexGrid is a fast datagrid that enables typical data grid features such as tabular data editing, sorting, filtering, and grouping. Plus, FlexGrid takes your web grids to the next level with on-demand loading, custom cells, built-in editor controls, full text search & filter, responsive column layout, selection, and export.

Learn More Try The Demo

FlexChart

FlexChart is an easy-to-use Blazor chart component that supports all common 2D chart types like bar, area, line, pie and scatter. Configure your Blazor charts down to the smallest detail with support for label formatting, gridlines, tick marks, titles, palettes, legend grouping, series stacking, plot rotation and more. You can even combine chart types to create a composite chart.

Learn More Try The Demo

AutoComplete

Give the power of search and selection to the user with a Blazor AutoComplete control. View completion suggestions in a drop-down list while the user types in the editable textbox.

Learn More Try The Demo

Calendar

Display multiple, adjacent months in a single calendar view. The Blazor Calendar control supports data binding, selection events, customizable styles and navigation elements. Quickly pick dates with built-in support for a month and year views and switch among these views to quickly navigate to any date.

Learn More Try The Demo

CheckBox

Get the classic checkbox control for Blazor. It visualizes and provides input for Boolean values, and it can be used inside FlexGrid cells for selection.

Learn More Try The Demo

ComboBox

With ComboBox you can display a list of items in a drop-down. The C1ComboBox control for Blazor supports item template customization, text input capability, auto-suggestion as the user types, and a full-screen mode that is designed for mobile web apps.

Learn More Try The Demo

DataPager

The C1DataPager control for Blazor provides paging for C1FlexGrid and C1ListView. It supports button template customization, text customization, and custom styling.

Learn More Try The Demo

DateTime Editors

Display, edit and validate date and time information using DateTime Editors for Blazor. The DateTime Editors include three specialized controls: C1DateTimePicker, C1DatePicker and C1TimeEditor. Select dates and times from a wide range of supported date and time formats and cultures.

Learn More Try The Demo

ListView

Provide your users with list of items for selection. The C1ListView control for Blazor supports range selection, custom item templates, on-demand loading, sorting, grouping, filtering and paging.

Learn More Try The Demo

NumericBox

NumericBox for Blazor displays and edits numeric values in your Blazor server and client applications. The NumericBox control contains a single numeric value that can be incremented or decremented by clicking the up or down buttons. Flexible formatting enables you to display data in different formats.

Learn More Try The Demo

TextBox

Get a standard textbox input control that you can program against in C#. Plus, C1TextBox supports autocomplete similar to C1ComboBox and C1AutoComplete

Learn More

FlexGrid

FlexChart

AutoComplete

Give the power of search and selection to the user with a Blazor AutoComplete control. View completion suggestions in a drop-down list while the user types in the editable textbox.

Calendar

CheckBox

Get the classic checkbox control for Blazor. It visualizes and provides input for Boolean values, and it can be used inside FlexGrid cells for selection.

ComboBox

DataPager

The C1DataPager control for Blazor provides paging for C1FlexGrid and C1ListView. It supports button template customization, text customization, and custom styling.

DateTime Editors

ListView

Provide your users with list of items for selection. The C1ListView control for Blazor supports range selection, custom item templates, on-demand loading, sorting, grouping, filtering and paging.

NumericBox

TextBox

Get a standard textbox input control that you can program against in C#. Plus, C1TextBox supports autocomplete similar to C1ComboBox and C1AutoComplete

What's New

Blazor Input Controls - Display, edit and validate numeric, date and time information using the new DateTime Editors and NumericBox components for Blazor.

Blazor Calendar Control - Display multiple, adjacent months in a single calendar view. The new Blazor Calendar control supports data binding, selection events, customizable styles and navigation elements.

New Blazor Charts - FlexChart for Blazor expands with support for sunburst, treemap, polar, radar, error bar, box & whisker, histogram and many more features.

.NET 5 Support - ComponentOne Blazor Edition is build natively on Blazor .NET Core 3.1 and fully supports .NET 5 for server and WebAssembly apps.

Next Steps

Download Free Trial

View Demos

Blazor UI Controls for Web Apps

Reuse Your Existing Code and Desktop Development Skills

Get the Best Performance Out of Blazor on the Server

Quickly Deliver Input Forms and Tabular Data Editing in Your Web Apps

Get More Than Just a Datagrid with FlexGrid

Explore All Blazor Controls

Blazor Controls

FlexGrid

FlexChart

AutoComplete

Calendar

CheckBox

ComboBox

DataPager

DateTime Editors

ListView

NumericBox

TextBox

FlexGrid

FlexChart

AutoComplete

Calendar

CheckBox

ComboBox

DataPager

DateTime Editors

ListView

NumericBox

TextBox

What's New

Recent Blogs

Next Steps