Syncfusion.AspNetCore.Inputs 34.1.31

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Syncfusion.AspNetCore.Inputs --version 34.1.31
                    


                    

                
NuGet\Install-Package Syncfusion.AspNetCore.Inputs -Version 34.1.31
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Syncfusion.AspNetCore.Inputs" Version="34.1.31" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Syncfusion.AspNetCore.Inputs" Version="34.1.31" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Syncfusion.AspNetCore.Inputs" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Syncfusion.AspNetCore.Inputs --version 34.1.31
                    


                    

                
#r "nuget: Syncfusion.AspNetCore.Inputs, 34.1.31"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Syncfusion.AspNetCore.Inputs@34.1.31
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Syncfusion.AspNetCore.Inputs&version=34.1.31
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Syncfusion.AspNetCore.Inputs&version=34.1.31
                    


                            Install as a Cake Tool

Syncfusion® ASP.NET Core Inputs Components

A comprehensive suite of ASP.NET Core input and form components for building modern interactive user interfaces. Includes TextBox, TextArea, MaskedTextBox, NumericTextBox, ColorPicker, Uploader, Slider, Signature, Rating, OTP Input, and Speech-to-Text components.

Supported Components

This package includes the following components:

ASP.NET Core TextBox Component

The ASP.NET Core TextBox Component is a styled single-line input component with floating labels, icons, and validation support.

Key Features:

  • Floating Label: Auto, Always, and Never floating label modes
  • Icon Support: Prefix and suffix icons within the input field
  • Input Validation: Built-in styling for valid, invalid, and warning states
  • Multiline Support: Optionally extend to multiline text input
  • Readonly & Disabled: Support for non-editable states
  • Accessibility: Full keyboard and ARIA support

Documentation

ASP.NET Core TextArea Component

The ASP.NET Core TextArea Component is a styled multiline text input with floating labels and auto-resize capability.

Key Features:

  • Floating Label: Animated label that moves on focus
  • Auto Resize: Automatically expands height as the user types
  • Character Count: Optional character counter display
  • Readonly & Disabled: Support for non-editable states
  • Validation Styling: Error, warning, and success state indicators
  • Accessibility: Full keyboard and screen reader support

Documentation

ASP.NET Core MaskedTextBox Component

The ASP.NET Core MaskedTextBox Component enforces structured input patterns using a configurable mask string.

Key Features:

  • Mask Configuration: Define input format using mask characters (e.g., 000-000-0000 for phone numbers)
  • Custom Characters: Define custom mask characters for domain-specific patterns
  • Prompt Character: Configurable placeholder character shown in empty mask positions
  • Validation: Prevents invalid characters based on mask rules
  • Paste Handling: Smart paste support that maps pasted content to the mask
  • Accessibility: Keyboard navigation and ARIA attributes

Documentation

ASP.NET Core NumericTextBox Component

The ASP.NET Core NumericTextBox Component handles numeric input with formatting, min/max constraints, and step increment support.

Key Features:

  • Number Formatting: Format values using standard and custom format strings (e.g., n2, c2, p2)
  • Min/Max Constraints: Restrict input to a defined numeric range
  • Step Increment: Configurable increment/decrement step via spin buttons
  • Spin Buttons: Up/down arrow buttons for mouse-based value adjustment
  • Strict Mode: Prevents entry of values outside the min/max range
  • Accessibility: Keyboard navigation with arrow key support

Documentation

ASP.NET Core ColorPicker Component

The ASP.NET Core ColorPicker Component supports Picker and Palette modes with RGBA, HEX, and HSV color formats.

Key Features:

  • Picker & Palette Modes: Switch between a full color spectrum picker and a predefined palette
  • Color Formats: Supports HEX, RGB, and HSV color model inputs
  • Opacity Control: Built-in alpha channel slider
  • Custom Palette: Define a custom set of colors for the palette view
  • Inline Rendering: Render the picker inline rather than as a popup
  • Accessibility: Keyboard-navigable color selection

Documentation

ASP.NET Core Uploader Component

The ASP.NET Core Uploader Component provides drag-and-drop file upload with chunked upload, auto-upload, and file validation.

Key Features:

  • Drag and Drop: Upload files by dragging them onto the drop zone
  • Chunked Upload: Split large files into chunks for reliable transfer
  • Auto Upload: Automatically begin upload on file selection
  • Multiple Files: Select and upload multiple files simultaneously
  • File Validation: Restrict by file type, size, and count
  • Progress Indicator: Per-file upload progress bar
  • Accessibility: Full keyboard and screen reader support

Documentation

ASP.NET Core Slider Component

The ASP.NET Core Slider Component provides single-value and range slider inputs with tooltips, ticks, and custom rendering.

Key Features:

  • Single & Range: Choose between single-handle or dual-handle range selection
  • Tooltip: Configurable tooltip showing the current value on drag
  • Ticks: Major and minor tick marks with optional labels
  • Step: Configurable step interval between selectable values
  • Vertical Orientation: Render slider vertically or horizontally
  • Custom Rendering: Template support for thumb and tooltip customization
  • Accessibility: Arrow key navigation and ARIA attributes

Documentation

ASP.NET Core Signature Component

The ASP.NET Core Signature Component provides a freehand drawing canvas for capturing digital signatures with image export.

Key Features:

  • Freehand Drawing: Capture smooth signature strokes on a canvas element
  • Stroke Customization: Configure stroke color, width, and background color
  • Undo/Redo: Step back through stroke history
  • Clear: Reset the canvas with a single method call
  • Export: Save the signature as a PNG, JPEG, or SVG image
  • Readonly Mode: Display a signature without allowing edits
  • Accessibility: Keyboard-accessible clear and save actions

Documentation

ASP.NET Core Rating Component

The ASP.NET Core Rating Component renders a star rating input with precision control and label customization.

Key Features:

  • Precision: Full, half, or exact precision rating support
  • Custom Icons: Replace default stars with any icon or template
  • Labels: Show dynamic tooltips or labels per rating value
  • Readonly Mode: Display-only rating without user interaction
  • Min Value: Define a minimum selectable rating value
  • Accessibility: Keyboard navigation and ARIA roles

Documentation

ASP.NET Core OTP Input Component

The ASP.NET Core OTP Input Component provides a segmented input field designed for one-time password and verification code entry.

Key Features:

  • Segmented Fields: Individual input boxes per character for structured code entry
  • Input Types: Supports number, text, and password character masking per segment
  • Auto Focus: Automatically moves focus to the next segment on character entry
  • Paste Support: Paste a complete code and distribute characters across segments automatically
  • Validation Styling: Error state styling for invalid OTP values
  • Accessibility: ARIA labels and keyboard navigation between segments

Documentation

ASP.NET Core Speech to Text Component

The ASP.NET Core Speech to Text Component converts spoken words to text using the browser's Web Speech API.

Key Features:

  • Browser Speech API: Leverages the native Web Speech API for transcription
  • Language Support: Configure the recognition language/locale
  • Interim Results: Display partial transcription results as the user speaks
  • Start/Stop Control: Programmatic and UI-driven control over recognition session
  • Target Binding: Bind transcription output directly to a TextBox or TextArea
  • Accessibility: Button controls with ARIA labels for screen reader users

Documentation

Common Setup

All Syncfusion ASP.NET Core controls share the same foundational setup steps:

1. Install NuGet Package

Install-Package Syncfusion.AspNetCore.Inputs

2. Register Tag Helper

Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:

@addTagHelper *, Syncfusion.AspNetCore.Inputs

3. Add Stylesheet & Script References

In your layout file (~/Pages/Shared/_Layout.cshtml):

<head>
    
    <link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />

    

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-color-picker.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-maskedtextbox.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-numerictextbox.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-otp-input.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-rating.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-signature.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-slider.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-speech-to-text.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-textarea.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-textbox.min.js"></script>

    
    <script src="_content/Syncfusion.AspNetCore.Inputs/scripts/sf-uploader.min.js"></script>
</head>

4. Register Script Manager

In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:

<ejs-scripts></ejs-scripts>

Quick Start

Add Input components in (~/Pages/Shared/_Layout.cshtml) view :

TextBox

<ejs-textbox id="firstname" placeholder="First Name"></ejs-textbox>

Numeric TextBox

<ejs-numerictextbox id="numeric" value="10" format="n2"></ejs-numerictextbox>

Input Mask (MaskedTextBox)

<ejs-maskedtextbox id="mask" mask="000-000-0000" placeholder="Enter Phone Number"></ejs-maskedtextbox>

Color Picker

<ejs-colorpicker id="element" value="#008000" mode="Palette"></ejs-colorpicker>

File Upload (Uploader)

<ejs-uploader id="uploadFiles" autoUpload="false"></ejs-uploader>

Range Slider

<ejs-slider id="default" value="30"></ejs-slider>

Rating

<ejs-rating id="rating" value="3"></ejs-rating>

OTP Input

<ejs-otpinput id="otpInput" value="1234"></ejs-otpinput>

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com

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

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (22)

Showing the top 5 NuGet packages that depend on Syncfusion.AspNetCore.Inputs:

Package Downloads
Syncfusion.AspNetCore.DropDowns

Syncfusion® ASP.NET Core DropDowns package provides a comprehensive set of dropdown input controls including DropDownList, ComboBox, AutoComplete, MultiSelect, ListBox, DropDownTree, and Mention. These controls support data binding from local and remote data sources, virtualization for large datasets, grouping, filtering, templates, cascading DropDowns, checkbox selection, tagging, and accessibility. They are designed to deliver a rich and consistent selection experience in forms and data-driven ASP.NET Core web applications.
Syncfusion.AspNetCore.Navigations

Syncfusion® ASP.NET Core Navigations package provides a comprehensive collection of navigation controls including Accordion, Context Menu, Menu Bar, Sidebar, Tabs, Toolbar, TreeView, Ribbon, Breadcrumb, Carousel, AppBar, and Stepper. These controls enable intuitive and accessible page navigation with features like keyboard navigation, RTL support, responsive design, data binding, templates, and animation. They are designed to enhance user experience in complex, multi-page ASP.NET Core web applications.
Syncfusion.AspNetCore.Calendars

Syncfusion® ASP.NET Core Calendars package includes a rich set of date and time input controls: Calendar, DatePicker, DateRangePicker, DateTimePicker, and TimePicker. These controls offer features like globalization, localization, min/max date restrictions, disabled dates, multiple date selection, custom date rendering, and accessibility support. They are ideal for scheduling, booking, and form-based ASP.NET Core applications that require reliable date and time input handling.
Syncfusion.AspNetCore.Grid

Syncfusion® ASP.NET Core Grid is a high-performance, feature-rich data grid control for displaying and manipulating tabular data. It supports virtual scrolling,paging, sorting, filtering, grouping, searching, inline editing (batch, dialog, inline),frozen rows and columns, column resizing, reordering, multi-column sorting, master-detail,aggregates, export to Excel/PDF/CSV, and accessibility.
Syncfusion.AspNetCore.InteractiveChat

Syncfusion® ASP.NET Core Interactive Chat package includes AI-powered conversational UI controls: AI AssistView and Chat UI. AI AssistView provides an intelligent assistant interface for integrating AI-generated suggestions and responses into applications. Chat UI delivers a full-featured messaging interface with support for message history, custom templates, typing indicators, time stamps, and user avatars. These controls are ideal for building AI-assisted workflows, chatbots, and real-time messaging experiences in ASP.NET Core applications.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
34.1.31 92 7/14/2026
34.1.30 339 7/9/2026
34.1.29 544 7/6/2026

https://ej2.syncfusion.com/aspnetcore/documentation/release-notes/34.1.31/?utm_source=nuget&utm_medium=listing