---
category: Components
subtitle: 通知提醒框
type: 反馈
title: Notification
---

通用于向用户反馈重要的警告提示和通知消息。常出现在页面的右上角

## 设计规范

弹窗标题字体 14px/#3D446E/居左 Medium，副文本内容 12/#8B8FA8/居左/Regular;提醒框在内容的基础上留有适当的边距，建议左右边距为 16px，上下边距 16px;

背景#FFFFFF，投影#3D446E 20%，Y5px，模糊度 22

注意: 通知弹窗的宽度 360px。默认 4.5 秒后自动关闭

## 何时使用

- 较为复杂的通知内容。
- 带有交互的通知，给出用户下一步的行动点。
- 系统主动推送。

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-notification-close-btn  | 通知提醒框中全部关闭按钮样式   | 全部关闭   |