Nervous Penpal Message

    react-stint

    1.0.5 • Public • Published

    react-stint

    A port of timesheet.js. Create simple timelines with JavaScript.

    react-stint

    Install

    Available via cjs (browserify or webpack). Install with npm:

    npm install react-stint
    

    Usage

    Require it in your code, feed it your data, and render to the page:

    var React = require('react');
    var Timesheet = require('react-stint');
     
    var data = [
      ["2002", "09/2002", "A freaking awesome time", "lorem"],
      ["06/2002", "09/2003", "Some great memories", "ipsum"],
      ["2003", "Had very bad luck"],
      ["10/2003", "2006", "At least had fun", "dolor"],
      ["02/2005", "05/2006", "Enjoyed those times as well", "ipsum"],
      ["07/2005", "09/2005", "Bad luck again", "default"],
      ["10/2005", "2008", "For a long time nothing happened", "dolor"],
      ["01/2008", "05/2009", "LOST Season #4", "lorem"],
      ["01/2009", "05/2009", "LOST Season #4", "lorem"],
      ["02/2010", "05/2010", "LOST Season #5", "lorem"],
      ["09/2008", "06/2010", "FRINGE #1 & #2", "ipsum"]
    ];
     
    React.render(<Timesheet min={2002} max={2013} data={data} />;, document.body);

    Examples

    Get the repo:

    git clone https://github.com/jaketrent/react-stint.git
    

    Install dependencies:

    cd react-stint
    npm install
    

    Run the dev server:

    npm start
    

    And check it out in a web browser:

    open http://localhost:8080
    

    Enjoy!

    Install

    npm i react-stint

    DownloadsWeekly Downloads

    2

    Version

    1.0.5

    License

    MIT

    Last publish

    Collaborators

    • jaketrent