Notification Stack

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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"
    }
  ]}
  bordered={false}
/>

More Notification pieces

View all Notification

Nils Frahm confirmed

Intake at 09:00

Invoice paid

$1,240 by card

Renewal due soon

3 members this week

Nina Simone

Can you review the chorus mix before tonight?

@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?

Hania Rani

Just pushed the redesign. Take a look when you have a sec.

Stripe

Your February invoice is readyYour usage for February totalled $1,284.00. Payment will be collected on the 3rd.

Out for deliveryArrives today before 18:00