Документация/Обзор
Примеры
Живые демо с кодом — каждый файл, который вы видите, работает на странице. Копируйте их или открывайте в StackBlitz.
Страница переведена ИИ и может содержать неточности. Читать английский оригинал
Каждый пример — небольшое Vue-приложение: index.vue со своим DnDProvider и нужные ему
компоненты. Вкладки с кодом под демо — это те самые файлы, которые его запускают.
Приложения
Целые интерфейсы — такие, какими вы бы их строили сами: несколько списков, правила, оверлеи и клавиатура работают вместе.
Доска проекта
Колонки, которые можно переставлять, WIP-лимиты, подтверждение перед Done, множественное выделение и корзина.
Файловый менеджер
Дерево папок и сетка файлов: выделение рамкой, броски на папки, Alt для копирования.
Блочный редактор
Блоки в духе Notion: перемещаются за ручки, вкладываются друг в друга и перетаскиваются из меню «/» или боковой панели.
Шахматы
Допустимые ходы подсвечиваются, фигура в руке говорит, почему поле отклонено, пешка спрашивает, кем ей стать, а бот отвечает настоящими драгами.
Конструктор форм
Поля Nuxt UI из палитры, расставленные рядом в строках, заполняемые в живом превью и экспортируемые как код Vue.
Холст для дизайна
Фреймы и слои на масштабируемом холсте, умные направляющие, Alt для дублирования и панель слоёв, которая и есть дерево дизайна.