Category: Form

Vue.js Limit Input Characters

The Vue.js Limit Input Characters provides a simple way to count the number of characters left.

February 16, 2018 Form

Vue Simple Switch Component

Yet another Vue.js component to create iOS-style switches & toggle buttons in your app.

February 8, 2018 Form

Vue.js 2 Tags Input With Typeahead

A tags input component for Vue.js 2 app, with support for typeahead & autocomplete. Preview:

January 26, 2018 Form

AWS S3 Dropzone Component For Vue.js

A Vue 2.0 dropzone component that can be used to upload files to AWS S3.

January 15, 2018 Form

Elegant Input Component For Vue.js 2 – effect-input

This is a Vue.js 2 component for creating the elegant, animated input fields to improve the user experience.

December 26, 2017 Form

Security Code Input For Vue.js

A security pincode input component for Vue.js app. Usage: <template> <security-code v-model=”code”></security-code> </template> <script> import SecurityCode from ‘vue-security-code’ // Declare export default { components: { SecurityCode }, data () { return { code: ” } } } </script> Props. length: { type: Number, default: 4 }, placeholder: { type: String, default: ‘-‘ }, theme: { type: String, default: ‘block’ } Preview:

December 25, 2017 Form

Handy Telephone Input Component For Vue.js

A Vue component for easily and quickly entering and validating international telephone numbers.

November 29, 2017 Form

Simple Toggle Switch Component For Vue – v-toggle

A simple, lightweight switch/toggle button component for Vue.js.

November 22, 2017 Form

Circular Text Counter For Vue.js

A vue.js component to create a circular progress bar that represents the number of characters typed in a textarea element. Usage: Import the text counter component. import Vue from ‘vue’; import VueTwitterCounter from ‘./components/VueTwitterCounter.vue’; Create a new Vue app instance. window.app = new Vue({ el: ‘#app’, components: { VueTwitterCounter, }, data () { return { message: ”, }; }, computed: { message_length () { return this.message.length; }, }, }); Default props. /* * The min rest to show the warns. */ warnLength: { type: Number, default: 20, }, /* * The length to be in danger. */ dangerAt: { type: Number,

November 21, 2017 Form

Vue.js Drag & Drop Uploader – Vue-Transmit

Vue-Transmit is a lightweight Vue.js drag & drop uploader based on Dropzone.js. 

November 18, 2017 Form

Modern Vue.js Image Uploader

A modern image cropper and image uploader for Vue.js app.

November 12, 2017 Form

Simple Tag Management For Vue.js

A simple, customizable tag management component for Vue.js 1.x and Vue.js 2.x app.

November 9, 2017 Form

Masked Input Vue Component

An input mask component for Vue.js, based on the inputmask-core library.

November 3, 2017 Form

Vue Custom Number Input

A custom input number (input spinner) component for Vue.js 2.

November 2, 2017 Form