Push Notification
Linearnow
New issue assignedENG-482 · Crash on checkout submitMobile-style push toast with app icon tile, timestamp, and a two-line preview.
The import and the props worth knowing about, in one place.
import { Notification3 } from "@/components/beste/piece/notification3";
<Notification3
appName="Linear"
title="New issue assigned"
description="ENG-482 · Crash on checkout submit"
time="now"
image="https://oud.pics/sm/l/linear.jpeg"
alt="Linear"
tone="violet"
/>Notification with a circled icon, title, description, and an optional action link.
Access request
Noah Reyes wants the records role
An actionable notification card with an icon tile, a request line, and a pair of approve and decline buttons.
Can you review the chorus mix before tonight?
Notifications drop in from the top and push the older ones back into a shrinking, fading stack, the way a phone lock screen piles them up.
Live progress card with spinner, percent, filename, and a cancel × at the end of the row.