Approval Request Toast

Access request

Joep Beving wants the records role

About this piece

Approval Request Toast

An actionable notification card with a leading icon, a request line, and a pair of approve and decline buttons.

Usage

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

import { Notification20 } from "@/components/beste/piece/notification20";

<Notification20
  surface="card"
  bordered={false}
  inverted={false}
  icon={UserPlus}
  title="Access request"
  meta="Joep Beving wants the records role"
  primaryLabel="Approve"
  secondaryLabel="Decline"
/>

More Notification pieces

View all Notification

New booking confirmed

Max Richter at 09:00

Payment successfulYour invoice has been sent to [email protected]
Your card was declinedUpdate the payment method on file to retry the charge.
Achievement unlockedShipped 10 pull requests this week
+250 XP
Uploading64%
product-hero-final.mp4
Linear
Linear
New issue assignedCrash on checkout submit