Message 消息框 #

用于页面中展示重要的提示信息。

获取组件 #

import { Message } from 'rsuite';

演示 #

默认 #

消息类型 #

带标题和操作 #

显示图标 #

带边框 #

垂直居中 #

可关闭的 #

消息框撑满容器 #

与 toaster 组合 #

一种包含 Alert 的消息类型

可访问性 #

ARIA 属性 #

Message 的 role 为 alert。

Keyboard interactions #

无需键盘交互。

Props #

<Message> #

属性名称	类型 (默认值)	描述
bordered	boolean	显示消息框边框
centered	boolean	垂直居中消息框
children	ReactNode	消息描述信息
classPrefix	string ('message')	组件 CSS 类的前缀
closable	boolean	可以关闭消息框
duration	number (2000)	⚠️[已弃用]请使用 toaster.push(<Message />, { duration: 2000 }) 代替。
full	boolean	撑满容器
header	ReactNode	消息标题
onClose	(event?: MouseEvent) => void	消息关闭后调用
showIcon	boolean	显示图标
type	'info' | 'success' | 'warning' | 'error' ('info')	消息框类型