Message component
npm install @uiw/react-messageMessage 警告提示
===




警告提示,用于页面中展示重要的提示信息。
``jsx`
import { Message } from 'uiw';
// or
import Message from '@uiw/react-message';
`jsx mdx:preview&bg=#fff
import React from 'react';
import { Message, Divider } from 'uiw';
class Demo extends React.Component {
render() {
return (
$3
`jsx mdx:preview&bg=#fff
import React from 'react';
import { Message, Divider } from 'uiw';export default function Demo() {
return (
showIcon
type="warning"
title="警告提示标题"
>
这里是警告提示详情描述。
)
}
`$3
`jsx mdx:preview&bg=#fff
import React from 'react';
import { Message, Divider } from 'uiw';const chat = ( );
const closed = ;
class Demo extends React.Component {
render() {
return (
)
}
}
export default Demo;
`$3
`jsx mdx:preview&bg=#fff
import React from 'react';
import { Message, Divider } from 'uiw';class Demo extends React.Component {
render() {
return (
showIcon
isCloseButtonShown
type="success"
title="自定义图标"
description="这里设置参数 isCloseButtonShown 显示关闭按钮。这里设置 title 和 description 同时设置显示图标。"
/>
)
}
}
export default Demo;
`Props
| 参数 | 说明 | 类型 | 默认值 |
|--------- |-------- |--------- |-------- |
| type | 指定警告提示的样式 | Enum{
success, warning, info, error} | - |
| title | 警告提示标题 | String/ReactNode | - |
| description | 警告提示描述详情 | String/ReactNode | - |
| rounded | 是否显示圆角 | Boolean | - |
| showIcon | 设定显示图标 | Boolean | - |
| isCloseButtonShown | 显示关闭按钮 | Boolean | - |
| icon | 自定义图标,设置 showIcon=true` 才会起作用。 | String/ReactNode | - |