Kendo UI for Vue Native MaskedTextBox Overview

The Kendo UI for Vue Native MaskedTextBox uses a mask to control the input of the user.

The Kendo UI for Vue MaskedTextBox component is part of the Kendo UI for Vue library of UI components. It is distributed through NPM under thekendo-vue-inputs package.

The MaskedTextBox is part ofKendo UI for Vue, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Basic Usage

The following example demonstrates the MaskedTextBox in action.

Functionality and Features

• Disabled MaskedTextBox
• Read-only MaskedTextBox
• Valid MaskedTextBox
• Prefix & Suffix Adornments
• Value
• Appearance
• Masks
• Forms support
• Globalization
• Accessibility

To learn more about the appearance, anatomy, and accessibility of the MaskedTextBox, visit theProgress Design System documentation. This information portal offers rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

• MaskedTextBox Homepage
• Getting Started with the Kendo UI Vue Inputs
• API Reference of the MaskedTextBox Component
• Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
• Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
• Virtual Classroom (Training Course for Registered Users)
• MaskedTextBox Forum
• Knowledge Base
• Kendo UI Productivity Tools extension for VS Code

Additional Resources

• Vue Blogs
• Kendo UI for Vue Roadmap