Deployment Toast

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

Deployed42s
fix: resolve cart rounding edge case
a1b2c3d·main

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

Import & use
import { Notification7 } from "@/components/beste/piece/notification7";

<Notification7
  branch="main"
  commit="a1b2c3d"
  message="fix: resolve cart rounding edge case"
  status="success"
  duration="42s"
/>

More Notification pieces

View all Notification
Uploading64%
product-hero-final.mp4

Upload Toast

notification15

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

New booking confirmed

Rowan Blake · 09:00

now

Single Toast Card

notification19

A compact single-line toast with a tinted icon chip, a title and meta line, and a relative timestamp.

Linear
Linearnow
New issue assignedENG-482 · Crash on checkout submit

Push Notification

notification3

Mobile-style push toast with app icon tile, timestamp, and a two-line preview.

Out for deliveryArrives today before 18:00
DHL Express1Z999AA10123456784

Shipping Update

notification13

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

Payment successfulYour invoice has been sent to billing@beste.co

Success Toast

notification1

Notification with a circled icon, title, description, and an optional action link.

Achievement unlockedShipped 10 pull requests this week
+250 XP

Achievement Toast

notification6

Celebratory unlock notice with a gradient trophy tile and an XP chip on the right.