Push Notification

Linear
Linear
New issue assignedCrash on checkout submit
About this piece

Push Notification

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

Usage

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

import { Notification3 } from "@/components/beste/piece/notification3";

<Notification3
  surface="card"
  bordered={false}
  inverted={false}
  appName="Linear"
  title="New issue assigned"
  description="Crash on checkout submit"
  image="https://oud.pics/sm/l/linear.jpeg"
  alt="Linear"
  tone="primary"
/>

More Notification pieces

View all Notification
Payment successfulYour invoice has been sent to [email protected]
Your card was declinedUpdate the payment method on file to retry the charge.

Access request

Joep Beving wants the records role

Nina Simone

Can you review the chorus mix before tonight?

Uploading64%
product-hero-final.mp4
Achievement unlockedShipped 10 pull requests this week
+250 XP