About this piece
Alert Toast
Tinted alert with error, warning, or info severities. Optional dismiss × on the right.
Usage
The import and the props worth knowing about, in one place.
import { Notification2 } from "@/components/beste/piece/notification2";
<Notification2
surface="card"
bordered={true}
inverted={false}
title="Your card was declined"
description="Update the payment method on file to retry the charge."
severity="error"
dismissible={true}
/>More Notification pieces
View all NotificationPayment successfulYour invoice has been sent to billing@beste.co
Success Toast
Notification with a circled icon, title, description, and an optional action link.
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.
AnnouncementBeste v3 is now in open beta
Early access to the new editor, theming, and live previews.Announcement Banner
Full-width tinted banner with a tag pill, headline, CTA button, and a dismiss control.
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.
