🪟 Modals
Farklı boyut ve içeriklerde modal diyaloglar.
Temel Modal'lar
<button onclick="openModal('modalId')">Modal Aç</button>
<div id="modalId" class="modal-backdrop hidden">
<div class="modal-content">
<div class="modal-header">...</div>
<div class="modal-body">...</div>
<div class="modal-footer">...</div>
</div>
</div>
Modal Boyutları
Özel Modal'lar
Basit Modal Başlığı
Bu basit bir modal örneğidir. İçerik buraya gelir.
İşlem Onayı
Bu işlemi onaylıyor musunuz?
Bu işlem geri alınamaz. Devam etmek istediğinizden emin misiniz?
Silme Onayı
Bu öğeyi silmek istediğinizden emin misiniz?
⚠️ Dikkat: Bu işlem geri alınamaz!
Silinen öğe kalıcı olarak kaldırılacaktır.
Yeni Kayıt
Küçük Modal
Bu küçük boyutlu bir modal.
Orta Boyut Modal
Bu orta boyutlu bir modal örneğidir.
İstatistikler
Ayarlar
Büyük Modal
Bu büyük boyutlu bir modal örneğidir. Daha fazla içerik için idealdir.
Özellik 1
Açıklama buraya gelir
Özellik 2
Açıklama buraya gelir
Özellik 3
Açıklama buraya gelir
Tam Ekran Modal
Bu tam ekran modal örneğidir. Çok fazla içerik için kullanılır.
Bölüm 1
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Bölüm 2
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Bölüm 3
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Bölüm 4
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Giriş Yap
Hesabınıza giriş yapın
Newsletter'a Abone Olun
En son haberlerden haberdar olun
Görsel Önizleme
Görsel Placeholder
Video Oynatıcı
Video Placeholder