Image

Ngorei

framework v4.0.2

Network
Render
Komponen
Exsampel

Modal Standar

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,
     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, width dan height untuk mengatur dimensi modal, maxWidth untuk lebar maksimum, backdropColor untuk warna latar belakang overlay, modalBackground untuk warna latar modal, draggable untuk mengaktifkan fitur drag-and-drop, position untuk posisi modal.

Membuka Modal

<a onModal="{
    'title':'Modal'
    'content':'Selemat datang di framework v4.0.2 '
 }">
 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.