项目作者: ibraAbuKaff

项目描述 :
React js Notification Listing, event listing, with clear button
高级语言: JavaScript
项目地址: git://github.com/ibraAbuKaff/react-event-list.git
创建时间: 2018-05-06T10:14:43Z
项目社区:https://github.com/ibraAbuKaff/react-event-list

开源协议:MIT License

下载


react-event-list

React js Notification Listing, event listing, with clear button

How to install ?



  1. yarn add react-event-list


Example:

https://imgur.com/a/R2TlRt4

How to use it ?

  1. import React, {Component} from "react";
  2. import {EventLogList} from "react-event-list";
  3. class App extends Component {
  4. render() {
  5. return (
  6. <div className="App">
  7. <div style={{width: "600px", marginLeft: "10px", marginTop: "20px"}}>
  8. <EventLogList
  9. title={"Notification Logs"}
  10. logs={[
  11. "Ibra logged in at 3 PM ",
  12. "Ben started exporting Monthly report as CSV ,
  13. "Smith printed a document ",
  14. ]}
  15. clearBtnText={"Clear notifications"}
  16. ></EventLogList>
  17. </div>
  18. </div>
  19. );
  20. }
  21. }
  22. export default App;