@ssibrahimbas/v-mask

mask directive for vue3
83,819 1
vue vue3 vue-mask mask directive
Install
npm install @ssibrahimbas/v-mask
Latest Version:1.0.0
Vue:3
License:MIT
Last Updated:Nov 2, 2022
Links: GitHub  ·  npm
Maintainer: ssibrahimbase

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

Related Packages

v-inputmask

Input mask directive for Vue 2.* based on jquery.inputmask

9,512 9
directive mask vue inputmask
@titou10/v-mask

mask directive for vue.js that exposes the unmasked value

5,749 22
directive mask vue v-mask
v-slim-mask

A input mask directtive compatible with Vue 3 (~1.5kb)

7,789 6
directive mask vue vue3 vue 3
vue-r-mask

Masked input directive for vue.js 2

7,495
directive mask vue input textarea
v-money

Vue currency input/directive mask

1,404,492
directive mask vue currency input money

Version History

Version Released License
1.0.0 MIT