Demo

An interactive demo application is included in the demo/ directory covering every feature in a tabbed interface.

bash

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

npm run demo installs demo dependencies automatically and starts the dev server. Opens http://localhost:5173.

Script	Description
`npm run demo`	Install demo deps (if needed) + start dev server
`npm run demo:dev`	Start dev server only (deps already installed)
`npm run demo:build`	Build demo for production

Tab	What it shows
🔔 Basic	All toast types, positions, priorities, action buttons
⚡ Promise	`toast.promise()` with resolve / reject simulation
↩️ Undo	`toast.undo()` with progress timer, event log
📦 Group	Stacking toasts by `groupKey`, expand on click
🎨 Headless	`useToastState()` with fully custom render — zero package styles
🔀 Multi-instance	`createToastContext()` — two isolated zones on one page
🎨 Design System	Live CSS token editor with preset themes and CSS export
✨ Animations	All 6 positions, animated grid picker

Demo ​