9ssi7 / v-mask

mask directive for vue3

@ssibrahimbas/v-mask

Mask for Vue.js 3

What Is It?

v-mask is a directive for Vue.js 3 that allows you to mask input fields.

This package inspired by vue-the-mask

Installation

npm install @ssibrahimbas/v-mask

Usage

import { createApp } from "vue";
import VMask from "@ssibrahimbas/v-mask";

const app = createApp(App).use(VMask).mount("#app");

<input v-mask="'###-##-##'" />

 Tokens

Token	Description
#	Digit
X	Any character
S	Any text character
A	Any uppercase character
a	Any lowercase character
!	Any alphanumeric character

Options

Option	Type	Default	Description
mask	String	''	Mask to be applied to the input