Notification Popover

通知气泡：铃铛徽标、全部 / 未读切换、全部标为已读。

#notification #bell #popover

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

NotificationPopoverProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "children">

属性	类型	默认值	说明
items* 必填	`NotificationItem[]`	—	—
align	`"start" \| "end"`	`"end"`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/notification-popover.json

同类组件

Confirm Popover

浮层与反馈

包裹任意触发器的小型确认气泡，支持危险样式与异步确认。

Quick Add Popover

浮层与反馈

点击“新建”弹出的快速添加表单，含类型分段、截止日快捷标签与校验。

Popover

浮层与反馈

气泡卡片：点击触发，支持上下方向与对齐，点击外部或按 Esc 关闭并还焦点。