Alert 提醒框
用于页面中操作交互后的全局提示信息,悬浮在页面顶部的中间。
Alert.info
信息提醒。Alert.success
成功信息提醒。Alert.warning
警告信息提醒。Alert.error
错误信息提醒。Alert.close
关闭提醒。Alert.closeAll
关闭所有提醒。
获取组件
import { Alert } from 'rsuite';
演示
默认
延迟关闭
duration 是一个可选项,当设置为 0 时,则不自动关闭。
Alert.info(content: string, duration?: number, onClose?: () => void);
关闭
Methods
Alert.info
Alert.info(content: string, duration?: number, onClose?: () => void);
Alert.success
Alert.success(content: string, duration?: number, onClose?: () => void);
Alert.warning
Alert.warning(content: string, duration?: number, onClose?: () => void);
Alert.error
Alert.error(content: string, duration?: number, onClose?: () => void);
参数说明
属性名称 | 类型(默认值) |
描述 |
---|---|---|
content * | string | 信息内容 |
duration | number (2000) |
显示的时长,超过时长后自定关闭提醒框(单位:毫秒) |
onClose | () => void | 隐藏提醒框后的回调函数 |
Alert.close
Alert.close();
Alert.closeAll
Alert.closeAll();
Alert.config
全局配置
Alert.config(options:{
top?: number;
duration?: number;
getContainer?: () => HTMLElement;
});
- top - 距离页面顶部的距离 (单位 px, 默认:5)
- duration - Alert 框持续时间 (默认:2000,单位: 毫秒)
- getContainer - Alert 框的父级容器
相关组件
<Popover>
弹出框<Tooltip>
文字提示<Message>
消息框<Notification>
通知框