Visma VUD Vue.js UI Library

Get started with the VUD Vue UI Library and experience well written, designed and tested front end code.

View Documentation

Installation

After you've created a Vue Project, install the VUD Vue UI Library, VUD Web library, and VUD Icons library using the following command:

npm install @vismaux/vud-vue @vismaux/vud @vismaux/vud-icons

Integration

Next you need to Import and integrate the @vismaux/vud-vue Components plugin, and add VUD Vue stylesheets, VUD stylesheets and VUD Icons inside in your src/main.js file:

import { createApp } from "vue";
import App from "@/App.vue";

import { Components } from "@vismaux/vud-vue";

import "@vismaux/vud-vue/dist/vud-vue.css";
import "@vismaux/vud/dist/css/vud.min.css";
import "@vismaux/vud-icons/dist/css/vud-icons.min.css";

createApp(App).use(Components).mount("#app");