Membuat modal/popup yang mendukung berbagai framework UI populer. (Bootstrap, Tailwind, UIkit, Bulma)Library ini menyediakan antarmuka yang konsisten dengan dukungan untuk animasi, drag-and-drop, dan responsivitas.
Form dinamis dengan berbagai jenis input. Form ini mencakup berbagai elemen seperti teks, password, email, dan banyak lagi, serta dilengkapi dengan pengaturan untuk tombol simpan dan batal. Buka Modal
const setTds=new Ngorei().Modal();
const Tds=setTds.Content({...});
window.onModal = function(e) {
const Tds=setTds.Content({
framework: 'ngorei',
title: e.title,
content:e.content,
data:e.data,
width: '500px',
height: '200px',
maxWidth: '100%',
backdropColor: 'rgba(25, 25, 25, 0.8)',
modalBackground: '#fff',
draggable: true,
position: 'center',
animation: 'slide',
animationDuration: '0.5s'
})
Modal.show();
}
Konfigurasi modal menggunakan createModal memiliki beberapa parameter penting: framework untuk menentukan kerangka kerja yang digunakan, title untuk judul modal, content untuk isi modal
<a onModal="{
'title':'Modal',
'content':'https://doc/exsampel',
'data': {
id: 123,
name: 'Ngorei DOM',
action: 'get_user_data',
department: 'IT',
role: 'admin',
}
}">
Open Modal
</a>
Atribut onModal digunakan untuk membuka jendela modal secara otomatis saat link diklik. Data JSON yang diberikan akan tersedia di dalam modal yang dibuka.