react-stint
v1.0.5
Published
reactly timesheet.js
Downloads
4
Readme
react-stint
A port of timesheet.js. Create simple timelines with JavaScript.
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!