Toast

FREE

toast() ile her yerden bildirim: türler, aksiyon, promise, üzerine gelince duraklama ve kaydırarak kapatma.

Kurulum

Terminal

npx @bloxa/cli add toast
# or: npx shadcn@latest add @bloxa/toast

Otomatik kurulan paketler: motion

Üzerine gelince süre durur; yana kaydırarak kapatılır.

Aynı bildirim yükleniyor durumundan sonuca geçer.

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

toast.success / info / warning / error / loading / promise / dismiss. Kimlik döner; aynı id ile çağırınca günceller.

Özellik	Tip	Varsayılan	Açıklama
description	ReactNode	—	İkinci satır.
duration	number	4000	Süre (ms); Infinity açık kalır.
action	{ label, onClick }	—	Tek aksiyon düğmesi.
icon	ReactNode \| null	—	Özel ikon ya da hiç.
id	string \| number	—	Güncellemek için kimlik.

Kök layout'ta bir kez kullan.

Özellik	Tip	Varsayılan	Açıklama
position	"top-left" \| "top-center" \| "top-right" \| "bottom-left" \| "bottom-center" \| "bottom-right"	"bottom-right"	Ekrandaki yeri.
duration	number	4000	Varsayılan süre (ms).
visible	number	4	Aynı anda görünen en fazla bildirim.
closeButton	boolean	true	Her bildirimde ×.
showProgress	boolean	true	Kalan süre çubuğu.