bee-alert

2.0.1 • Public • Published

bee-alert

npm version Build Status Coverage Status

页面内部针对用户行为操作的区域性提醒。根据信息类型不同提供相应的以背景颜色区分的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

Package Sidebar

Install

npm i bee-alert

Weekly Downloads

14

Version

2.0.1

License

MIT

Unpacked Size

17.3 kB

Total Files

16

Last publish

Collaborators

  • rongqb
  • duxue
  • jwangyangls
  • shaohlr
  • honely1314
  • xiaoshutong
  • yonyoufed
  • jonyw
  • guoyongfeng
  • kvkens
  • whizbz
  • npm_yx
  • bjyxszd
  • tinper-bot
  • gaox2025f
  • gcht163
  • cnkvkens
  • diozhu
  • wangjings123
  • liushaozhen
  • ahua52