Message 消息框

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

获取组件

import { Message } from 'rsuite';

演示

默认

消息类型

带标题和操作

显示图标

带边框

垂直居中

可关闭的

消息框撑满容器

与 toaster 组合

一种包含 Alert 的消息类型

可访问性

ARIA 属性

Message 的 rolealert

Keyboard interactions

无需键盘交互。

Props

<Message>

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