JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q44203F
  • License MIT

Create your masks for Vue easily

Package Exports

  • @ionited/mask-vue
  • @ionited/mask-vue/dist/index.esm.js
  • @ionited/mask-vue/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ionited/mask-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Mask-vue

Create your masks for Vue easily

Vue wrapper for @ionited/mask. Compatible with Vue 3 and Ionic Vue

Quick start

Choose your favorite option below:

Install with NPM

npm i @ionited/mask-vue

Get from UNPKG

https://unpkg.com/@ionited/mask-vue@latest/dist/index.js


Usage

To basic usage you can simply call:

<template>
  <input v-mask="{ mask: '99 / 9999' }">
</template>

Local import:

import { mask } from '@ionited/mask-vue';

export default {
  ...
  directives: { mask },
  ...
}

or global import:

import { mask } from '@ionited/mask-vue';

const app = createApp(App)
.directive('mask', mask);

Register your own masks

You can create your own mask logic easily, you only need register a mask and use:

register(name: string, mask: any): void;

See more @ionited/mask

License

Copyright (c) 2021 Ion. Licensed under MIT License.

https://ionited.io