Image

Ngorei

framework v4.0.2

Network
Render
Komponen
Exsampel

Modal Content

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.

Inisialisasi Framework

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

Konfigurasi modal menggunakan createModal memiliki beberapa parameter penting: framework untuk menentukan kerangka kerja yang digunakan, title untuk judul modal, content untuk isi modal

Membuka 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.