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
使用例子
;;;ReactDOM.render , 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
例子
测试
yarn run test
开源许可
xy-alert is released under the MIT license.