Shipping Update

Delivery progress card with a four-step tracker, carrier line, and ETA string.

Out for deliveryArrives today before 18:00

DHL Express1Z999AA10123456784

Import & use

import { Notification13 } from "@/components/beste/piece/notification13";

<Notification13
  status="out-for-delivery"
  carrier="DHL Express"
  tracking="1Z999AA10123456784"
  eta="Arrives today before 18:00"
/>

More Notification pieces

View all Notification

3 new likeson your post about shipping velocity

Alex repliedin the #launch-prep thread

Daily standupstarts in 10 minutes

Notification Stack

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

Deployed42s

fix: resolve cart rounding edge case

a1b2c3d·main

Deployment Toast

CI/CD status card with branch, short commit sha, duration, and a building or failed state.

Uploading64%

product-hero-final.mp4

Upload Toast

Live progress card with spinner, percent, filename, and a cancel × at the end of the row.

Activity

Rowan Blake confirmed

Intake · 09:00

Invoice #4821 paid

$1,240 · Card

18m

Renewal due soon

3 members this week

Activity Feed Card

A stacked activity feed where each row carries a tinted icon chip, a title and meta line, and a relative timestamp.

Weekly product syncToday, 14:00 – 14:30

in 10 min

Google Meet6

Calendar Reminder

Upcoming-meeting card with a starts-soon pill, video location, and attendee count.

Jordan Reyes@jordan.r12 mutual connections

Follow Request

Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.