Демо

Интерактивное демо-приложение находится в директории demo/ и охватывает все возможности во вкладочном интерфейсе.

bash

git clone https://github.com/macrulezru/vue-toast-kit.git
cd vue-toast-kit
npm install
npm run demo

npm run demo автоматически устанавливает зависимости демо и запускает dev-сервер. Открывается по адресу http://localhost:5173.

Скрипт	Описание
`npm run demo`	Установить зависимости демо (если нужно) + запустить dev-сервер
`npm run demo:dev`	Запустить только dev-сервер (зависимости уже установлены)
`npm run demo:build`	Собрать демо для продакшена

Вкладка	Что показывает
🔔 Basic	Все типы тостов, позиции, приоритеты, кнопки действий
⚡ Promise	`toast.promise()` с симуляцией resolve / reject
↩️ Undo	`toast.undo()` с таймером прогресса, логом событий
📦 Group	Группировка тостов по `groupKey`, разворачивание по клику
🎨 Headless	`useToastState()` с полностью кастомным рендером — без стилей пакета
🔀 Multi-instance	`createToastContext()` — две изолированные зоны на одной странице
🎨 Design System	Живой редактор CSS-токенов с готовыми темами и экспортом CSS
✨ Animations	Все 6 позиций, анимированный выбор сетки

Демо ​