| | | | | | | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |

xy-alert

警告提示组件

安装

# yarn
yarn add xy-alert classnames utils-hooks @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons

使用例子

import React from "react";
import ReactDOM from "react-dom";
import Alert from "xy-alert";
ReactDOM.render(
    <Alert message="登录失败" type="error" showIcon={true}>
        账号或密码错误。
    </Alert>,
    container
);

API

| 属性 | 说明 | 类型 | 默认值 | | -------------- | -------------------------------------------------------------------- | -------------------------- | ------ | | visible | 是否显示 | boolean | true | | defaultVisible | 默认是否显示 | boolean | - | | 提示文本 | message | React.ReactNode | - | | children | 提示说明 | React.ReactNode | - | | closable | 是否可以关闭 | boolean | false | | closeText | 自定义关闭按钮 | React.ReactNode | - | | showIcon | 是否显示图标 | boolean | false | | banner | 横幅模式 | boolean | false | | type | 警告提示的样式，可选值为 success info warning error 或者不设 | string | info | | onClose | 关闭事件 | (visible: boolean) => void | - |

开发

yarn run start

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-alert is released under the MIT license.