# Getting started
## Установка
```bash
npm install vmk-ui-kit
```
## HTML/JS
```html
```
```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";
```
Убедитесь, что шрифт Plus Jakarta Sans подключён в HTML вашего приложения:
```html
```
Или глобальная регистрация:
```js
import { createApp } from "vue";
import { VMKUiVue } from "vmk-ui-kit/vue";
import App from "./App.vue";
createApp(App).use(VMKUiVue).mount("#app");
```
Иконки — SVG из набора, предоставленного дизайном. В HTML/JS используйте `VMKUIKit.Icons.iconNode(name)` или inline SVG. В Vue передавайте имя иконки в prop `icon`:
```html
```
```vue
Next
```
Для обратной совместимости с `gnexus-ui-kit` компоненты также поддерживают имена в стиле Phosphor Icons (`ph-house`) — они будут мапиться на ближайшую SVG-иконку из набора.