Swapy
JavaScript tool to convert any layout to a drag-to-swap one
Transforme qualquer layout em um sistema de arrastar e soltar com o Swapy, uma ferramenta JavaScript que funciona com qualquer framework. Simples, rápido e eficiente.
Mais sobre Swapy
Swapy
Swapy é uma ferramenta JavaScript simples para transformar qualquer layout em um layout de arrastar e soltar. Ele permite que você crie interfaces interativas com facilidade, adicionando atributos de dados aos seus elementos HTML. Sua simplicidade e flexibilidade o tornam ideal para diversos projetos.
- •Especificação de Slots e Itens:Permite especificar slots e itens para arrastar e soltar, usando atributos de dados como `data-swapy-slot` e `data-swapy-item`, garantindo flexibilidade e controle sobre os elementos interativos.
- •Personalização de Manipulação:Oferece suporte à personalização de manipulação, permitindo especificar um elemento de manipulação com o atributo `data-swapy-handle`, melhorando a experiência do usuário e a usabilidade.
- •Opções de Animação:Oferece diferentes opções de animação, incluindo 'dynamic', 'spring' e 'none', permitindo personalizar a experiência visual de acordo com a preferência do usuário e o estilo da aplicação.
- •Integração com JavaScript:Facilita a integração com JavaScript, utilizando a função `createSwapy()` para criar a interface de arrastar e soltar. A função aceita um elemento pai e opções de configuração, simplificando o processo de implementação.
- •Habilitar/Desabilitar dinamicamente:Possibilita habilitar e desabilitar a funcionalidade de arrastar e soltar a qualquer momento, usando o método `swapy.enable(true/false)`, permitindo um controle dinâmico sobre a interação.
- •Personalização Visual do Slot Selecionado:Permite estilizar o slot selecionado usando o seletor CSS `[data-swapy-highlighted]`, permitindo customizar a aparência visual durante a interação.
Com o Swapy, transforme layouts estáticos em interfaces dinâmicas e interativas. Melhore a experiência do usuário com arrastar e soltar, simplificando tarefas complexas. Aumente a eficiência e a satisfação do usuário, eliminando a necessidade de soluções complexas e trabalhosas. Escolha Swapy para uma solução simples, eficiente e eficaz.
