About this piece
Deployment Toast
CI/CD status card with branch, short commit sha, duration, and a building or failed state.
Usage
The import and the props worth knowing about, in one place.
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 NotificationUploading64%
product-hero-final.mp4Upload Toast
Live progress card with spinner, percent, filename, and a cancel × at the end of the row.
Access request
Noah Reyes wants the records role
Approval Request Toast
An actionable notification card with an icon tile, a request line, and a pair of approve and decline buttons.
New booking confirmed
Rowan Blake · 09:00
Single Toast Card
A compact single-line toast with a tinted icon chip, a title and meta line, and a relative timestamp.
Out for deliveryArrives today before 18:00
DHL Express1Z999AA10123456784
Shipping Update
Delivery progress card with a four-step tracker, carrier line, and ETA string.
