Xy-alert NPM | npm.io


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

NPM version npm download

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	-