Swapy
JavaScript tool to convert any layout to a drag-to-swap one
Swapy adalah alat JavaScript yang mengubah tata letak apa pun menjadi drag-to-swap dengan hanya beberapa baris kode. Framework-agnostik, Swapy mudah diintegrasikan dengan proyek Anda.
Lebih banyak tentang Swapy
Swapy
Swapy adalah alat JavaScript sederhana untuk mengubah tata letak apa pun menjadi tata letak seret-dan-lepas. Dengan Swapy, Anda dapat dengan mudah membuat antarmuka yang interaktif dan intuitif untuk pengguna Anda. Swapy cocok untuk berbagai aplikasi, mulai dari situs web hingga aplikasi web.
- •Konversi Tata Letak Sederhana:Swapy memungkinkan Anda untuk mengubah tata letak situs web Anda menjadi antarmuka seret-dan-lepas dengan mudah. Cukup tambahkan atribut data tertentu pada elemen HTML Anda, dan Swapy akan menangani sisanya. Proses ini sederhana dan mudah diintegrasikan ke dalam proyek Anda.
- •Pengaturan Slot dan Item yang Fleksibel:Tentukan slot dan item dengan menambahkan atribut data `data-swapy-slot` dan `data-swapy-item` pada elemen HTML Anda. Setiap slot hanya dapat berisi satu item, yang dapat diseret dan dilepaskan. Ini memberikan kontrol penuh atas bagaimana elemen Anda diatur dan berinteraksi.
- •Kustomisasi Visual:Anda dapat menyesuaikan tampilan slot yang sedang dipilih dengan menambahkan style pada elemen dengan atribut `[data-swapy-highlighted]` dalam CSS Anda. Ini memungkinkan Anda untuk memberikan umpan balik visual yang jelas kepada pengguna saat mereka berinteraksi dengan antarmuka.
- •Pilihan Animasi yang Beragam:Swapy menawarkan tiga pilihan animasi: `dynamic`, `spring`, dan `none`. Anda dapat memilih animasi yang paling sesuai dengan desain dan preferensi Anda. Penggunaan animasi meningkatkan pengalaman pengguna dan membuat interaksi lebih menyenangkan.
- •Pengaktifan dan Penonaktifan Dinamis:Anda dapat mengaktifkan dan menonaktifkan Swapy kapan saja menggunakan fungsi `swapy.enable(true/false)`. Ini memberikan fleksibilitas dan kontrol penuh atas fungsionalitas seret-dan-lepas.
Dengan Swapy, transformasi tata letak situs web Anda menjadi antarmuka seret-dan-lepas menjadi mudah dan efisien. Anda dapat meningkatkan pengalaman pengguna dengan interaksi yang lebih intuitif dan dinamis. Pilih Swapy untuk solusi yang sederhana namun efektif dalam meningkatkan fungsionalitas situs web Anda.
