About this piece
Incoming Stack
Notifications drop in from the top and push the older ones back into a shrinking, fading stack, the way a phone lock screen piles them up.
Usage
The import and the props worth knowing about, in one place.
import { Notification21 } from "@/components/beste/piece/notification21";
<Notification21
items={[
{
"kind": "message",
"title": "Nina Simone",
"body": "Can you review the chorus mix before tonight?"
},
{
"kind": "payment",
"title": "Payment received",
"body": "$1,240.00 from Miles Davis"
},
{
"kind": "calendar",
"title": "Rehearsal in 10 min",
"body": "Studio B, with Björk and Prince"
},
{
"kind": "alert",
"title": "Build failed",
"body": "main: 2 tests failing in checkout"
}
]}
bordered={false}
/>