Message消息 - 图1

Message 消息

基本用法

  1. import { Message, Icon } from 'zarm';
  2. ReactDOM.render(
  3. <>
  4. <Message>普通</Message>
  5. <Message theme="danger">自定义主题</Message>
  6. <Message theme="warning" icon={<Icon type="warning-round" />}>自定义图标</Message>
  7. </>
  8. , mountNode);

可操作

  1. import { Message } from 'zarm';
  2. ReactDOM.render(
  3. <>
  4. <Message hasArrow onClick={() => alert('click this message!')}>链接样式</Message>
  5. <Message closable>可关闭</Message>
  6. </>
  7. , mountNode);

API

属性类型默认值说明
themestring'primary'主题,可选值 defaultprimarysuccesswarningdanger
sizestring'md'设置大小,可选值为 mdlg
iconReactNode-设置图标
closablebooleanfalse是否显示关闭按钮
hasArrowbooleanfalse是否显示箭头
onClick() => void-点击后触发的回调函数