Bell Badge

12
Notifications
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="primary"
  bordered={false}
/>

More Notification pieces

View all Notification

Notifications

Nothing new right now

3 new likeson your post about shipping velocity
Alex repliedin the #launch-prep thread
Daily standupstarts in 10 minutes

Nils Frahm confirmed

Intake at 09:00

Invoice paid

$1,240 by card

Renewal due soon

3 members this week

Achievement unlockedShipped 10 pull requests this week
+250 XP

Nina Simone

Can you review the chorus mix before tonight?

@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?