react-event-list

1.0.2 • Public • Published

react-event-list

React js Notification Listing, event listing, with clear button

How to install ?

yarn add react-event-list

Example:

https://imgur.com/a/R2TlRt4

How to use it ?


import React, {Component} from "react";
import {EventLogList} from "react-event-list";


class App extends Component {
    render() {
        return (
            <div className="App">

                <div style={{width: "600px", marginLeft: "10px", marginTop: "20px"}}>


                    <EventLogList
                        title={"Notification Logs"}
                        logs={[
                            "Ibra logged in at 3 PM ",
                            "Ben started exporting Monthly report as CSV ,
                            "Smith printed a document  ",
                        ]}
                        clearBtnText={"Clear notifications"}
                    />
                </div>
            </div>
        );
    }
}

export default App;



Package Sidebar

Install

npm i react-event-list

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

253 kB

Total Files

11

Last publish

Collaborators

  • ibra.abukaff