Bell Bump

Notifications

Nothing new right now

About this piece

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 after the last one.

Usage

The import and the props worth knowing about, in one place.

import { Notification23 } from "@/components/beste/piece/notification23";

<Notification23
  label="Notifications"
  previews={[
    "Nina Simone mentioned you in #design",
    "Miles Davis approved your pull request",
    "Your invoice for September is ready",
    "Patti Smith shared a folder with you"
  ]}
  max={4}
  tone="primary"
  bordered={false}
/>

More Notification pieces

View all Notification
12
Notifications

Nina Simone

Can you review the chorus mix before tonight?

Hania Rani
Hania Rani
Just pushed the redesign. Take a look when you have a sec.
3 new likeson your post about shipping velocity
Alex repliedin the #launch-prep thread
Daily standupstarts in 10 minutes
@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?
Linear
Linear
New issue assignedCrash on checkout submit