About this piece
Announcement Banner
Full-width tinted banner with a tag pill, headline, CTA button, and a dismiss control.
Usage
The import and the props worth knowing about, in one place.
import { Notification16 } from "@/components/beste/piece/notification16";
<Notification16
tag="Announcement"
title="Beste v3 is now in open beta"
description="Early access to the new editor, theming, and live previews."
action="Try it out"
dismissible={true}
/>More Notification pieces
View all NotificationYour card was declinedUpdate the payment method on file to retry the charge.
Alert Toast
Tinted alert with error, warning, or info severities. Optional dismiss × on the right.
Payment successfulYour invoice has been sent to billing@beste.co
Success Toast
Notification with a circled icon, title, description, and an optional action link.
12
NotificationsBell Badge
Bell icon with a pinging count badge that caps at 99+ and sits in a rounded pill.
Elena Park2m
Just pushed the redesign. Take a look when you have a sec 🙌Message Preview
Chat notification showing sender avatar, message snippet, timestamp, and an unread dot.
