Components — Empty State / Toast / Dropdown
Empty state · sipariş panosu boş
Henüz sipariş yok
İlk sipariş geldiğinde burada gerçek-zamanlı görünür. Müşterilerinize WhatsApp menü linkini paylaşın.
Empty state · arama sonucu yok
Eşleşen müşteri bulunamadı
"05XX 123 45 67" araması için sonuç yok. Telefon numarasını kontrol edin veya filtreleri temizleyin.
Empty state anatomisi: ikon (56×56, gray-100 surface, stroke-1.5) → başlık (14/600) → açıklama (12, gray-500, max ~32ch) → birincil aksiyon. Asla illustrasyon kullanmaz; gray-100 kare yeterli.
Toasts (notifications)
Kurye atandı
Sipariş #1247 · Mehmet Y. teslimata çıktı.
Sipariş iptal edilemedi
Bağlantı hatası. Birkaç saniye sonra tekrar deneyin.
Ödeme bekliyor
3 sipariş ödeme onayı bekliyor — detayı gör.
Yeni özellik
Akışlar artık çoklu tetikleyici destekliyor.
Toast anatomisi: sağ-alt sabit, z-toast: 80, max 3 stack. Süre: 4s (info/success), 6s (warn), kalıcı (danger — manuel kapat). Giriş: fast + decelerate; çıkış: fast + accelerate.
Dropdown menu
Sipariş satırı aksiyonları
Sipariş #1247
Düzenle
Çoğalt
Fiş yazdır
Siparişi iptal et
User chip menüsü
Profil
Abonelik
Ayarlar
Yardım Merkezi
Çıkış yap
Dropdown anatomisi: trigger → 4px gap → menu. Radius 10px, padding 4px, item radius 6px. z-dropdown: 30. Min-width: trigger genişliğinden büyük olmalı (200px tipik). Tehlikeli aksiyon her zaman en altta + ayraç sonrası.