Syncfusion.Blazor.Inputs 19.2.0.46

A package of Blazor Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, color and file inputs.

List of Components:

• Color Picker
• File Upload
• MaskedTextBox
• NumericTextBox
• Range Slider
• TextBox

Color Picker

The Blazor Color Picker component is a user interface to select and adjust color values.

Key features

• Color Value - Supports Red Green Blue, Hue Saturation Value and Hex codes.
• Custom palette - Allows you to customize palettes and supports multiple palette groups rendering.

File Upload

The Blazor File Upload is a component for uploading one or multiple files, images, documents, and other files to a server.

Key features

• Chunk Upload - Used to upload large files as chunks.
• Validation - Validate extension and size of upload file.
• Auto Upload - Process the file to upload without interaction.

MaskedTextBox

The Blazor Input Mask is a component that provides an easy and reliable way to collect user input based on a standard mask.

Key features

• Custom Characters - Allows to use your own characters as the mask elements.
• Regular Expression - Can be used as a mask element for each character.

NumericTextBox

The Blazor Numeric Textbox component is a quick replacement of the number-type HTML input element.

Key features

• Range Validation - Allows to set the minimum and maximum range of values.
• Number Formats - Supports the number display formatting with MSDN standard.

TextBox

The Blazor TextBox is a component for editing, displaying, or entering plain text on forms to capture username, email, and more.

Key features

• Floating Label - Floats the placeholder text while focus.
• Multiline - Handles multiline input with placeholder text.

Range Slider

The Blazor Range Slider is a custom range-type HTML5 input component. It allows you to select a value or range of values between a specified min and max.

Key features

• Tooltip - Displays the tooltip to indicate the current value by clicking the Slider bar or drag the Slider handle.
• Ticks - Easily identify the current value/values of the Slider.
• Limits - Restrict the slider thumb between a particular range. This is used if higher or lower value affects the process or product where the slider is being used.
• Orientation - Displayed either in horizontal or vertical orientation.
• Types - Specifies the type of Slider.

Related links

Learn More about Blazor UI components

Documentation

Release History

Online Demos

Contact Support

Suggest a feature or report a bug

Pricing

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview), Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license, you can purchase one here or start a free 30-day trial here.

sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.