Reset Input Directive For Vue.js

Reset Input Directive For Vue.js

Reset input directive for Vue.js that allows to clear the input by clicking on the 'x' button when typing.

v-reset-input

Reset input directive for Vue.js

Downloads Version License

Installation

Using yarn

yarn add v-reset-input

Using npm

npm i --save v-reset-input

Demo

DEMO

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'

import ResetInput from 'v-reset-input'

Vue.use(ResetInput)

Browser

<!-- Include after Vue -->
<script src="v-reset-input/dist/v-reset-input.js"></script>
<script>
  Vue.use(VResetInput)
</script>

Example

<template>
  <input type="text" v-reset-input=''>
</template>

What about appearence?

Just overwrite their css class

.v-reset-input
  top 8px
  right 25px
  font-size 1.5em
  display none
  &.v-reset-input-active
    display block

Author

License

This project is licensed under MIT License

Github Repository

Tags: #VueJs