# vue-inputmask

> InputMask for Vue.js

Latest version **0.2.1** (published 2017-09-21) · 0 weekly downloads

## Install

```sh
npm install vue-inputmask
pnpm add vue-inputmask
yarn add vue-inputmask
bun add vue-inputmask
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.1 |
| Published | 2017-09-21 |
| First published | 2017-02-21 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Simon Clériot |
| Maintainers | scleriot |
| Keywords | inputmask, vuejs, input-mask |

## Links

- npm: https://www.npmjs.com/package/vue-inputmask
- Repository: https://github.com/captiz/vue-inputmask
- Homepage: https://github.com/captiz/vue-inputmask#readme
- Issues: https://github.com/captiz/vue-inputmask/issues
- npm.io page: https://npm.io/package/vue-inputmask

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.4.2
- [inputmask](https://npm.io/package/inputmask.md) ^3.3.8

## Recent versions

- 0.2.1 (latest) — 2017-09-21
- 0.2.0 — 2017-09-21
- 0.1.2 — 2017-02-23
- 0.1.1 — 2017-02-22
- 0.1.0 — 2017-02-21

## README

# vue-inputmask

Vue.js directive to add a mask to your inputs (vanilla javascript).

It's a binding for the inputmask library by Robin Herbots [https://github.com/RobinHerbots/Inputmask](https://github.com/RobinHerbots/Inputmask)

![Vue-inputmask demo](./assets/demo.gif)

This library is licensed under MIT License.

# Install 
```bash
npm install -S vue-inputmask
```
# Setup

## With Typescript
```typescript
import Vue from 'vue'
const VueInputMask = require('vue-inputmask').default

Vue.use(VueInputMask)
```

## With a script tag
```html
<script src="./node_modules/inputmask/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="./node_modules/inputmask/dist/inputmask/inputmask.js"></script>
<script src="./dist/vue-inputmask-browser.js"></script>
```

# Usage
```html
<input type="text" v-mask="'99/99/9999'" />
<input type="text" v-mask="{mask: '99/99/9999', greedy: true}" />
```

---
_Source: https://npm.io/package/vue-inputmask · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._