2.0.1 • Published 6 years ago
bee-alert v2.0.1
bee-alert
页面内部针对用户行为操作的区域性提醒。根据信息类型不同提供相应的以背景颜色区分的alert。若需背景颜色加深需加dark类。
使用
使用单独的bee-alert包
组件引入
先进行下载bee-alert包
npm install --save bee-alert组件调用
import Alert from 'bee-alert';
React.render(<div>
<Alert />
<Alert colors="info" className="dark" closeLabel="close" />
</div>, document.getElementById('target'));样式引入
- 可以使用link引入dist目录下bee-alert.css
<link rel="stylesheet" href="./node_modules/build/bee-alert.css">- 可以在js中import样式
import "./node_modules/src/Alert.scss"
//或是
import "./node_modules/build/bee-alert.css"API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 类名 | string | |
| colors | oneOf:info news success danger warning | string | warning |
| controlLabel | 关闭按钮文字 | string | |
| onDismiss | 关闭alert触发的方法 | func | |
| dark | 显示颜色深度 | bool | false |
开发调试
$ git clone https://github.com/tinper-bee/bee-alert
$ cd bee-alert
$ npm install
$ npm run dev