About this piece
Bell Badge
Bell icon with a pinging count badge that caps at 99+ and sits in a rounded pill.
Usage
The import and the props worth knowing about, in one place.
import { Notification17 } from "@/components/beste/piece/notification17";
<Notification17
count={12}
label="Notifications"
pinging={true}
tone="rose"
/>More Notification pieces
View all NotificationNotifications
All caught up
Nothing new right now
Bell Bump
Every couple of seconds the bell wiggles, the unread badge pops up by one, and a one-line preview fades in beneath, resetting once it reaches five.
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.
Activity
Rowan Blake confirmed
Intake · 09:00
Invoice #4821 paid
$1,240 · Card
Renewal due soon
3 members this week
Activity Feed Card
A stacked activity feed where each row carries a tinted icon chip, a title and meta line, and a relative timestamp.
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.
