Skip to Content
JoyUI

通知中心

分组活动收件箱,含未读与行内操作。

分组活动收件箱,含未读与行内操作。

Notifications

4 unread

Livia Saris

Livia mentioned you

2m

Can you review the new empty state before we ship the dashboard?

Workspace backup is ready

18m

The July 23 backup finished successfully and is ready to download.

You joined Project Sea

1h

Maria added you as an editor. You now have access to all project files.

Jaydon Aminoff

Jaydon requested your review

Mon

Pull request #284 updates the notification preferences flow.

Security check completed

Sun

No exposed credentials or vulnerable dependencies were found.

Preview deployment failed

Sat

The build stopped while validating the application routes.

安装

npx @joyui/cli add notification-center --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

组合块可直接嵌入应用壳:通过 props / data 接入业务状态,勿写死文案。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

NotificationCenter
参数说明类型可选值默认值
…props请以组件源码导出的 Props 类型为准;常用 className、受控 value、children 均可配置。见源码——
className合并到根节点的额外类名。string——