Category : VueJs

24 posts

A dual list picker component for Vue.js that enables the users to move list items between two panels. How to install npm $ npm install vue-list-picker --save yarn $ yarn add vue-list-picker Quick start Vue.js You can import in your main.js file import Vue from 'vue' import VueListPicker from 'vue-list-picker' Vue.use(VueListPicker) Or locally in any …
In this post i am going share simple iOS Style Alert / Confirm Dialog Box For Vue.js. This vue component will replace default javascript alert box with iOS Style Alert / conform / prompt popup. Install npm install --save vue-confirm-dialog Quick Start Usage // main.js import Vue from "vue"; import VueConfirmDialog from "vue-confirm-dialog"; Vue.use(VueConfirmDialog); <!-- …
VueJS directive for creating simple tooltips on elements. A tooltip is a graphical user interface (GUI) element used in conjunction with the cursor or mouse pointer to display information about an item without needing to click on it. If you are working on Vue app and looking for just simple tooltip directive then in this …
DatePicker helps to display calendar so that you could pick date on input box. In this post I am going to share simple Datepicker component for Vue.js Which allow your input box to display datepicker and user can easily pick date. Installation npm install vue-date –save Usage use with single .vue file: <template> <div> <datepicker …
In this post I am going to share simple Vuejs Toast Notification Component. Which help you to add notification feature on your vue App. It is A toast-style notification component for Vue.js 2. Without any 3rd dependencies. Features info, warning, error, success notification types. ‘toast-top-right’, ‘toast-bottom-right’, ‘toast-bottom-left’, ‘toast-top-left’, ‘toast-top-full-width’, ‘toast-bottom-full-width’, ‘toast-top-center’, ‘toast-bottom-center’ Progress bar. Close …
slick-popover is a Vue.js component which allow to display an interactive, animated popover to any DOM element. Useful for display onclick flash messages on your vue app. Installation npm install vue-slick-popover Usage Create a popover component together with the trigger element in the template. <template> <div id="app"> <img ref="popoverReference" width="20%" src="./assets/logo.png" @click="openPopover"> <VueSlickPopover v-if="isPopoverVisible" :popover-options="popoverOptions" …
Are you looking for Vue component for zoom the image or other thing with mouse or touch then in this post I am going to share simple vue Image zoom component which allow you to zoom image on mouse hover or touch. which works perfectly on mobile devices or touch friendly devices. Installation: Install component …
An advanced and flexible Vue.js 2.x component for displaying data tables. Feature rich and capable of handing big data, JD-Table was designed to integrate into applications with various needs. D-Table is a data table component for Vue.js. Feature-rich and capable of handing big data, JD-Table was designed to integrate into applications with various needs. It …
PAGE TOP