Notification Stack

Grouped inbox card showing three queued notifications behind two peeking cards above.

3 new likeson your post about shipping velocity

Alex repliedin the #launch-prep thread

Daily standupstarts in 10 minutes

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Notification10 } from "@/components/beste/piece/notification10";

<Notification10
  items={[
    {
      "icon": "heart",
      "title": "3 new likes",
      "description": "on your post about shipping velocity"
    },
    {
      "icon": "message",
      "title": "Alex replied",
      "description": "in the #launch-prep thread"
    },
    {
      "icon": "bell",
      "title": "Daily standup",
      "description": "starts in 10 minutes"
    }
  ]}
/>