Category : VueJs

14 posts

In this tutorial I am going to share simple VueJS component to export Json Data into CSV file and download the resulting file. Do you want to ad expert to csv file feature on your web app thn this VueJS component will be helpful for integrating JSON to CSV. Install Install package via command line. …
A simple hands-on mobile nested menu UI component with a smooth slide animation. Install Install the plugin via Yarn / NPM $ yarn add vue-nested-menu main.js import the plugin in your main.js file. import VueNestedMenu from 'vue-nested-menu'; Vue.use(VueNestedMenu); HTML <div id="app"> <vue-nested-menu :source="menu"></vue-nested-menu> </div> JS import VueNestedMenu from 'vue-nested-menu';   Vue.use(VueNestedMenu)   new Vue({ el: …
Vue Color Picker – Are you looking for Vue Color Picker, If yes then in this post I am going to share hand-picked Vue Color Picker for you. The Vue Color Picker Components allows you to pick colors either by selecting it from the color picker container or by adjusting the hue and opacity. You …
FormVuelar is a set of predefined vue form components which are designed to automatically display errors coming back from your backend. It works out of the box with the error message bag that is returned by Laravel when submitting an ajax form. Features: Works out of the box with Laravel Axios integration Select with search …
In this post I ma going to share simple Vue Component for selecting time range. This Vue.js component is helpful to select the time intervals of the day. Install Install component via NPM npm install vue-time-ranges-picker Template Use following template to display Vue.js Circular Time Range Picker <template> <div> <div class="time-picker-wrapper"> <VueTimeRangesPicker :value="ranges" @change="handleRangesChange" /> …
vue-load-image is 3KB minimalist Vue component that display loader during image loading, as well as by display alternate content when the image fails to load. Install Install component via NPM npm install vue-load-image --save HTML here is sample template which shows loader while image loading. <template> <div> <vue-load-image> <img slot="image" src="./image.png"/> <img slot="preloader" src="./image-loader.gif"/> <div …
Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on css frameworks or date libraries. Weighs less then 5KB. Install Install Vue date time picker via NPM npm install vue-date-pick HTML Create sample date …
PAGE TOP