Toast

Organism

Zustand store üzerinden yönetilen bildirim sistemi. Hover'da dondurma, progress bar, title, actions, loading ve promise desteği.

Variants

Preview
Code
toast.success('Kaydedildi.');
toast.info('Güncelleme mevcut.');
toast.warning('Oturum sona eriyor.');
toast.error('Sunucu hatası.'); // persistent

Title + Message

Preview
Code
toast.success('Dosya yüklendi.', { title: 'Yükleme tamamlandı' });
toast.error('Sunucuya bağlanılamadı.', { title: 'Bağlantı hatası' });

Actions

Preview
Code
toast.info('Öğe silindi.', {
  title: 'Silindi',
  actions: [
    { label: 'Geri Al', onClick: (dismiss) => { undo(); dismiss(); } },
    { label: 'Kalıcı sil', onClick: (d) => { purge(); d(); }, variant: 'danger' },
  ],
});

Loading & Promise

Preview
Code
// Loading state (persistent until updated)
toast.loading('İşleniyor...');

// Promise: auto-transitions loading → success/error
toast.promise(fetchData(), {
  loading: 'Yükleniyor...',
  success: (data) => `${data.name} hazır.`,
  error: 'Yüklenemedi.',
});
Sourcemodules/ui/Toast.tsx