About this piece
Toast Queue
Bottom-right toasts slide in from the edge, stack three high, and the oldest slides out and collapses to make room as new ones keep arriving.
Usage
The import and the props worth knowing about, in one place.
import { Notification22 } from "@/components/beste/piece/notification22";
<Notification22
toasts={[
{
"kind": "success",
"title": "Changes saved",
"body": "Your profile is up to date."
},
{
"kind": "info",
"title": "New comment",
"body": "Nina Simone replied to your note."
},
{
"kind": "warning",
"title": "Storage almost full",
"body": "92% of 50 GB used."
},
{
"kind": "success",
"title": "Invite sent",
"body": "Miles Davis will get an email."
}
]}
bordered={false}
/>More Notification pieces
View all NotificationPayment successfulYour invoice has been sent to [email protected]
