Announcement Banner

Full-width tinted banner with a tag pill, headline, CTA button, and a dismiss control.

AnnouncementBeste v3 is now in open beta
Early access to the new editor, theming, and live previews.

New here? Read the installation guide.

Import & use
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 Notification
Your 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
Notifications

Bell Badge

Bell icon with a pinging count badge that caps at 99+ and sits in a rounded pill.

Elena Park
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.

Linear
Linearnow
New issue assignedENG-482 · Crash on checkout submit

Push Notification

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

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.

Markdown version