Text Mask

Theme by Text mask

|

Updated: 19 Jul 2023

|

8250 Stars

Input mask for React, Angular, Ember, Vue, & plain JavaScript

Categories

Overview:

Text Mask is an input mask library that allows users to create input masks for various types of data such as phone numbers, dates, currencies, zip codes, percentages, emails, and more. Although the library is no longer maintained, it offers a range of features and compatibility with different frameworks and browsers.

Features:

• Versatile Input Masks: Create input masks for phone numbers, dates, currency, zip codes, percentages, emails, and more.
• Convenient Wrappers: Offers wrappers for React, Angular 2, Ember, and Vue frameworks.
• Cross-Browser Compatibility: Supports IE9+, Android, Samsung Internet, Windows Phone, iOS, Opera, Firefox, Safari, and Chrome.
• Configurability: Highly configurable library that allows users to create custom input masks with minimal APIs.
• Extendable Functionality: Easily expand the functionality with addons for additional mask types.
• Robust Operations Support: Supports pasting, browser auto-fill, and typical user interactions with an input field.
• Lightweight and Dependency-free: Works on mobile, has no 3rd party dependencies, and is less than 4KB gzipped.

Installation:

To install Text Mask, follow these steps based on your preferred framework:

React:

npm install text-mask

Angular 2:

npm install angular-text-mask

Ember:

npm install ember-text-mask

Vue:

npm install vue-text-mask

Vanilla JS:

Include the dist/textMask.min.js file in your project.

For detailed usage and configuration, refer to the documentation provided by Text Mask.

Summary:

Text Mask is a versatile input mask library that offers a range of features including configurable input masks, compatibility with popular frameworks, extendable functionality, and robust support for user interactions. Though no longer maintained, it remains a lightweight, dependency-free option for implementing input masks in web applications. Make sure to refer to the documentation for detailed installation and usage instructions.