Alerts - Korubin

Temel Alert Türleri

Primary Alert! Bu bir primary bilgi mesajıdır.

Başarılı! İşleminiz başarıyla tamamlandı.

Bilgi: Bu bir bilgilendirme mesajıdır.

Dikkat! Bu işlem geri alınamaz olabilir.

Hata! Bir hata oluştu, lütfen tekrar deneyin.

Kapatılabilir Alertler

Bilgilendirme Bu alert kapatılabilir.

Profil güncellendi! Değişiklikleriniz başarıyla kaydedildi.

Depolama alanınız dolmak üzere Lütfen eski dosyalarınızı temizleyin.

Detaylı Alertler

Sipariş Onaylandı

Siparişiniz başarıyla alındı ve işleme konuldu.

Sipariş No: #12345
Tahmini Teslimat: 2-3 iş günü
Kargo Takip kodu e-posta ile gönderilecektir

Güvenlik Uyarısı

Hesabınızda şüpheli aktivite tespit edildi.

Yeni Özellik Duyurusu

Artık dosyalarınızı otomatik olarak yedekleyebilirsiniz!

Yeni özellikler:

Otomatik bulut yedekleme
Çoklu cihaz senkronizasyonu
Gelişmiş dosya paylaşımı

İkon ile Basit Alertler

E-posta adresiniz doğrulandı.

Yeni mesajlarınız var.

Şifrenizin son kullanma tarihi yaklaşıyor.

Bağlantı hatası. İnternet bağlantınızı kontrol edin.

Özel Stillendirmeler

Tamamen yuvarlatılmış alert

Gölgeli alert

Kenarlık vurgulu alert

Kompakt boyutlu alert

Kullanım

<!-- Temel Alert -->
<div class="flex items-start gap-3 p-4 bg-green-500/10 border border-green-500 text-green-700 rounded-lg">
    <svg class="w-5 h-5">...</svg>
    <div>
        <strong>Başarılı!</strong>
        <span>İşlem tamamlandı.</span>
    </div>
</div>

<!-- Kapatılabilir Alert -->
<div class="flex items-start gap-3 p-4 bg-yellow-500/10 border border-yellow-500 text-yellow-700 rounded-lg">
    <svg class="w-5 h-5">...</svg>
    <div class="flex-1">
        <strong>Dikkat!</strong>
        <span>Önemli mesaj.</span>
    </div>
    <button onclick="this.parentElement.remove()">
        <svg class="w-5 h-5">...</svg>
    </button>
</div>

<!-- Alert Türleri -->
alert-primary   - Primary renk teması
alert-success   - Başarı mesajları
alert-info      - Bilgilendirme
alert-warning   - Uyarı mesajları
alert-danger    - Hata mesajları