• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Adornments in ASP.NET Core Input Mask Control

This example highlights adornment support in the Syncfusion MaskedTextBox. Adornments let you place custom elements before or after the masked input by using the prependTemplate and appendTemplate properties such as prefixes, suffix labels, or action icons to provide context, guide entry, and offer quick actions, while preserving mask validation and float label behavior.

DEMO
SOURCE

This sample illustrates adornment integration in the Syncfusion MaskedTextBox via a prepended user icon and a appended send icon. The send icon displays the entered phone number when clicked, while preserving float-label state, input-validation invariants, and a consistent interaction model.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab