Notification Bell

12
12 unread
About this piece

Notification Bell

Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.

Usage

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

import { Card6 } from "@/components/beste/piece/card6";

<Card6
  count={12}
  label="unread"
/>

More Card pieces

View all Card
Monthly revenue
$12,459+24%

Metric Card

KPI label, a bold value, and a signed percentage trend badge.

#BES-20481· 3 items
Shipped· Arrives Fri

Order Status

Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.

Growth
$48/ mo
For teams growing past launch.
Unlimited editors
250 GB storage
Realtime analytics

Featured Tier

Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.

50% offEnds in 2d 14h
Lifetime license
$149$299

Deal Card

Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.

Aisha Patel
Aisha PatelAngel investor · Advisor
Advisor
Formerly VP Product at Lattice

40+ seed investments across developer tools, fintech, and health.

Advisor Card

Founder-or-advisor card with a primary sparkle badge, italic former-role line, and LinkedIn plus Intro buttons.

64%
Capacityof target

Donut Chart

Thick donut ring with a centered percent, paired with an uppercase caption on the side.