xy-alert
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published
IE Chrome Firefox Opera Safari
IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

NPM version node version npm download

xy-alert

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.

Package Sidebar

Install

npm i xy-alert

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

15.2 kB

Total Files

12

Last publish

Collaborators

  • xueyou2000