Notification Bell

feedback

Bell icon with unread count badge that opens a notification dropdown.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { NotificationBell } from "@launchapp/design-system";

Examples

Notification bell with badge

<NotificationBell count={5} onClick={() => console.log("open notifications")} />

Props

PropTypeDefaultDescription
count
number0Unread notification count.
onClick
() => voidCalled when bell is clicked.
maxCount
number99Maximum displayed count before showing '+'.