Sayfa bağlamına yapışık duyurular. Inline alert: sayfa içinde, ilgili alana yakın (form üstü, kart başı). Page banner: tüm sayfanın üstünde, sistem-geneli durum (bakım, abonelik bitiş). Toast'tan farkı: kullanıcı manuel kapatana kadar durur, alanı işgal eder.
01 · Inline alert · 4 ton
WhatsApp Business doğrulaması bekleniyor
Meta hesabınız 24-48 saat içinde onaylanacak. Onaylanana kadar mesaj gönderemezsiniz; siparişler kayıt altına alınmaya devam eder.
Tam genişlik, simgesiz, tek satır CTA — sistem-geneli durum
Beta'da kullanıyorsunuz — Geri bildiriminiz Nexberry'yi şekillendiriyor.Ne değişti?×
↑ banner · sayfa içeriği aşağıda
Aboneliğiniz 3 gün içinde sona eriyor. Pro plan avantajlarını sürdürmek için yenileyin.Yenile×
WhatsApp API erişimi geçici olarak askıya alındı. Müşteri mesajları kuyruga alınıyor.Detay
03 · Inline alert vs Toast vs Banner
Karar
Inline alert
Toast
Banner
Konum
İlgili alanın yakını
Sağ alt
Sayfa üstü, full-bleed
Süre
Sorun çözülene kadar
~6sn → otomatik kapat
Manuel kapatılana kadar
Aciliyet
Bağlamla ilgili
Geçici onay
Sistem-geneli
Aksiyon
Var (1-2 link)
Opsiyonel "Geri al"
Tek CTA
Kurallar
· 4 ton: info (bilgi), success (onay — yeşil tint kullanılmaz, gri-100 + emerald-700 metin + dot), warning (dikkat), danger (hata).
· Başlık zorunlu — gövde opsiyonel. Tek satır mesaj başlık olarak yazılır.
· Action max 2 link — daha fazlasına ihtiyaç varsa modal'a geç.
· Kapatma butonu sadece kullanıcı bilgilendirme alertlerinde — danger/error alert'lerde "kapat" yok, problem çözülünce kendi kaybolur.
· Banner full-bleed; içeriğe değil, viewport'a yapışır. Top nav'ın altında; hem sticky hem değil.
· Erişilebilirlik: role="alert" sadece dinamik olarak görünenler için; statik alert role="status". Kapat butonu aria-label="Kapat".
· Yasak: dekoratif gradient, drop shadow, ikon hareketi. Alert sakin yüzeydir.