imaskjs

To use imask in your project, install the imask package using npm and import it into your JavaScript/TypeScript files.

npm install imask

import IMask from 'imask';

To use the plugin, import IMaskModule into your Angular @NgModule imports array.

import { IMaskModule } from 'angular-imask';

@NgModule({
  imports: [
    IMaskModule,
    ...
  ],
  ...
}) {...}

Install the Svelte IMask plugin using npm:

npm install @imask/svelte

Install the core package using npm:

npm i vue-imask

For Vue 2 users: You must also install the Composition API support: npm i -D @vue/composition-api

For NuxtJS with Vue 2:

1. Install the Nuxt Composition API module: npm i -D @nuxtjs/composition-api
2. Add @nuxtjs/composition-api/module to the buildModules option in your nuxt.config.js.

npm i vue-imask

# For Vue 2
npm i -D @vue/composition-api

# For NuxtJS with Vue 2
npm i -D @nuxtjs/composition-api

Install the Angular IMask plugin using npm:

npm install angular-imask

Install the React IMask plugin using npm:

npm install react-imask

You can install imask using npm for module-based projects or include it directly in your HTML via a CDN for vanilla JavaScript environments.

Using npm: Install the package and import it into your project.

Using CDN: Include the script tag in your HTML file.

npm install imask

<script src="https://unpkg.com/imask"></script>

While imask is a vanilla JavaScript library, there are official plugins available for popular frameworks to simplify integration:

• Vue: vue-imask
• Angular: angular-imask
• React: react-imask
• React Native: react-native-imask
• Svelte: @imask/svelte
• Solid: solid-imask

Install the Solid IMask plugin using npm:

npm install solid-imask

You can include imask directly in your HTML using a script tag from unpkg.

<script src="https://unpkg.com/imask"></script>