Overlays v1.0.0

Notification Center

Bell icon notification panel with badge count, read/unread states, and mark-as-read functionality. Includes click-outside close, Escape key support, and event dispatching.

Preview & Code

Options

Name Type Default Description
notifications * Array required Array of notification hashes with :id, :title, :message, :time, :read, :avatar, :href, :type
unread_count Integer Badge count (auto-calculated if omitted)
empty_text String "No notifications" Text shown when no notifications
mark_all_label String "Mark all as read" Label for mark all as read button

Changelog v1.0.0

- Initial release with bell trigger, notification panel, read/unread states
- Mark individual and mark all as read
- Click-outside and Escape to close

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now