# XWUINotificationBell

Bell icon with an unread-count badge that opens a dropdown panel listing notifications, with a "mark all as read" action and an empty state.

## Basic Usage

A header-style notification bell with a mix of read and unread items - mentions, approvals and comments - and a working "Mark all as read" action.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A header-style notification bell with a mix of read and unread items - mentions, approvals and comments.
```

## Empty State

With no items, the panel falls back to XWUIEmpty ("No notifications yet") instead of an empty list - the badge also stays hidden since the count is 0.

```example
file: examples/EmptyState.ts
html: examples/EmptyState.html
title: Empty State
description: With no items, the panel falls back to XWUIEmpty instead of an empty list.
```

```api
```