About this piece
Approval Request Toast
An actionable notification card with an icon tile, 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={true}
inverted={false}
icon={{
"displayName": "UserPlus"
}}
title="Access request"
meta="Noah Reyes wants the records role"
primaryLabel="Approve"
secondaryLabel="Decline"
/>More Notification pieces
View all NotificationNew 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.
Uploading64%
product-hero-final.mp4Upload Toast
Live progress card with spinner, percent, filename, and a cancel × at the end of the row.
Payment successfulYour invoice has been sent to billing@beste.co
Success Toast
Notification with a circled icon, title, description, and an optional action link.
Linearnow
New issue assignedENG-482 · Crash on checkout submitPush Notification
Mobile-style push toast with app icon tile, timestamp, and a two-line preview.