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 four specialized controls: C1DateTimePicker, C1DatePicker, C1DateRangePicker 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

MaskedTextBox

Validate and format user input against a mask using the C1MaskedTextBox component. With a masked input control, you can prevent users from entering invalid inputs and skip over literals when saving the data back to the datasource.

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

Tooltip

Display simple text or any HTML content in a lightweight tooltip with the Blazor tooltip component. Display the tooltip at any position around its owner.

Learn More Try The Demo

Window

Display modal and modeless windows that can be resized, dragged and closed with C1Window. You can customize the window content and header, or use it to quickly collect user confirmation with a dialog prompt. You can even display lightweight pop-up when the user hovers or clicks an element.

Learn More Try The Demo

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.

MaskedTextBox

NumericBox

TextBox

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

Tooltip

Display simple text or any HTML content in a lightweight tooltip with the Blazor tooltip component. Display the tooltip at any position around its owner.

Window

What's New

New Window and Tooltip Components - Display pop-up windows and tooltips in your Blazor Server and WebAssembly applications. C1Window supports dragging, resizing, full-screen, modal and modeless features. C1Tooltip supports custom HTML content and positioning.

New DateRangePicker Component - Select a date range across multiple months using this new input control.

New MaskedTextBox Component - Validate user input using a mask.

FlexGrid Column Resizing - resize columns at runtime in both Server and WebAssembly applications.

Next Steps

Download Free Trial

View Demos

View Samples

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

MaskedTextBox

NumericBox

TextBox

Tooltip

Window

FlexGrid

FlexChart

AutoComplete

Calendar

CheckBox

ComboBox

DataPager

DateTime Editors

ListView

MaskedTextBox

NumericBox

TextBox

Tooltip

Window

What's New

Recent Blogs

Next Steps