Documentação/Visão geral
Exemplos
Demos ao vivo com o código — todo arquivo que você vê roda na página. Copie-os, ou abra-os no StackBlitz.
Esta página foi traduzida por IA e pode conter imprecisões. Ler o original em inglês
Cada exemplo é um pequeno app Vue: um index.vue com o seu DnDProvider, e os componentes de
que ele precisa. As abas de código abaixo de uma demo são exatamente os arquivos que a fazem
rodar.
Apps
Interfaces completas, do jeito que você as construiria: várias listas, regras, overlays e o teclado trabalhando juntos.
Quadro de projeto
Colunas que você reordena, limites de WIP, uma confirmação antes de Done, seleção múltipla e uma lixeira.
Gerenciador de arquivos
Uma árvore de pastas e uma grade de arquivos: seleção por retângulo, drop em pastas, Alt para copiar.
Editor de blocos
Blocos no estilo Notion, movidos pelos handles, aninhados e arrastados de um menu "/" ou da barra lateral.
Xadrez
Os lances legais se acendem, a peça na mão diz por que uma casa é recusada, um peão pergunta em que vai se transformar, e um bot responde com arrastes de verdade.
Construtor de formulários
Campos do Nuxt UI a partir de uma paleta, colocados lado a lado em linhas, preenchidos em uma prévia ao vivo e exportados como código Vue.
Canvas de design
Frames e camadas em um canvas com zoom, guias inteligentes, Alt para duplicar e um painel de camadas que é a árvore do design.