# Getting started

## Установка

```bash
npm install vmk-ui-kit
```

## HTML/JS

```html
<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>
```

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

## Vue 3

```js
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";
```

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

```js
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`:

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

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