Notifications

Header bell with an unread badge and a popover list of notifications. Reads from the global notifications store. For ad-hoc toast messages, use Toast instead.

Default

Drop into a header next to other actions.

Dark previewReplay previewOpen in new tab
Notifications

Usage

Import the parts you need from the component's folder.

ts
import { Notifications } from "@/components/ui/notifications";

API Reference

Notifications

PropTypeDefaultDescription
———No props. Wires itself to the global notifications store.