Getting started

Установка

npm install vmk-ui-kit

HTML/JS

<link rel="stylesheet" href="/assets/fonts/phosphor-icons/src/css/icons.css">
<link rel="stylesheet" href="/css/kit.css">
<script src="/js/vmk-ui-kit.js"></script>

VMKUIKit.Toasts.createSuccess("Saved", "Changes applied").show();

Vue 3

import "vmk-ui-kit/dist/css/kit.css";
import "vmk-ui-kit/dist/assets/fonts/phosphor-icons/src/css/icons.css";
import { GnButton, GnTabs } from "vmk-ui-kit/vue";

Или глобальная регистрация:

import { createApp } from "vue";
import { VMKUiVue } from "vmk-ui-kit/vue";
import App from "./App.vue";

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

Иконки — Phosphor Icons, всегда с base class ph:

<i class="ph ph-house"></i>

<GnButton icon="ph-house">Home</GnButton>