Toast ve Bildirim Sistemi
Feedback-Kit, kullanıcılara işlem sonuçlarını bildirmek için tasarlanmış modern bir toast/snackbar sistemidir. Sonner kütüphanesi üzerine kurulmuş olup, TypeScript ile tam tip güvenliği, erişilebilirlik özellikleri ve kolay özelleştirme sunar.
import { useFeedback } from '@hascanb/arf-ui-kit/feedback-kit'
function MyComponent() {
const feedback = useFeedback()
const handleClick = () => {
feedback.success('İşlem başarılı!')
feedback.error('Bir seyler ters gitti')
feedback.warning('Dikkatli olun!')
feedback.info('Bilgi: Yeni özellik kullanıma açıldı')
}
return <button onClick={handleClick}>Toast Göster</button>
}| Metot | Parametreler | Açıklama |
|---|---|---|
| success() | mesaj, seçenekler? | Başarı toast'ı gösterir (yeşil) |
| error() | mesaj, seçenekler? | Hata toast'ı gösterir (kırmızı) |
| warning() | mesaj, seçenekler? | Uyarı toast'ı gösterir (sarı) |
| info() | mesaj, seçenekler? | Bilgi toast'ı gösterir (mavi) |
| loading() | mesaj, seçenekler? | Yükleniyor toast'ı gösterir |
| promise() | promise, mesajlar | Promise durumlarını otomatik yönetir |
| dismiss() | toastId? | Toast(lar)i kapatır |