react-vertical-timeline-component/docs/build/static/0.08ac61fd.chunk.js

Vertical timeline for React.js

webpackJsonp([0],{808:function(e,n,t){var i=t(4),l=t(32),a=t(303).PageRenderer;a.__esModule&&(a=a.default);var c=l({displayName:"WrappedPageRenderer",getInitialState:function(){return{content:t(809)}},componentWillMount:function(){},render:function(){return i.createElement(a,Object.assign({},this.props,{content:this.state.content}))}});c.__catalog_loader__=!0,e.exports=c},809:function(e,n){e.exports='[![build status](https://secure.travis-ci.org/stephane-monnot/react-vertical-timeline.svg)](http://travis-ci.org/stephane-monnot/react-vertical-timeline) [![bitHound Score](https://www.bithound.io/github/stephane-monnot/react-vertical-timeline/badges/score.svg)](https://www.bithound.io/github/stephane-monnot/react-vertical-timeline) [![Dependency Status](https://david-dm.org/stephane-monnot/react-vertical-timeline.svg)](https://david-dm.org/stephane-monnot/react-vertical-timeline)\n\n# react-vertical-timeline-component - Vertical timeline for React.js\n\n## Full documentation & Demo\n\n[React Vertical Timeline documentation](https://stephane-monnot.github.io/react-vertical-timeline/)\n\n\n## Install\n\n```code\n$ npm i react-vertical-timeline-component\n```\n\n\n## Usage\n\n```code|lang-jsx\n---\nimport { VerticalTimeline, VerticalTimelineElement }  from \'react-vertical-timeline-component\';\nimport \'react-vertical-timeline-component/style.min.css\';\n\n...\n\n<VerticalTimeline>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--work"\n    date="2011 - present"\n    iconStyle={{ background: \'rgb(33, 150, 243)\', color: \'#fff\' }}\n    icon={<WorkIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Creative Director</h3>\n    <h4 className="vertical-timeline-element-subtitle">Miami, FL</h4>\n    <p>\n      Creative Direction, User Experience, Visual Design, Project Management, Team Leading\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--work"\n    date="2010 - 2011"\n    iconStyle={{ background: \'rgb(33, 150, 243)\', color: \'#fff\' }}\n    icon={<WorkIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Art Director</h3>\n    <h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>\n    <p>\n      Creative Direction, User Experience, Visual Design, SEO, Online Marketing\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--work"\n    date="2008 - 2010"\n    iconStyle={{ background: \'rgb(33, 150, 243)\', color: \'#fff\' }}\n    icon={<WorkIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Web Designer</h3>\n    <h4 className="vertical-timeline-element-subtitle">Los Angeles, CA</h4>\n    <p>\n      User Experience, Visual Design\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--work"\n    date="2006 - 2008"\n    iconStyle={{ background: \'rgb(33, 150, 243)\', color: \'#fff\' }}\n    icon={<WorkIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Web Designer</h3>\n    <h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>\n    <p>\n      User Experience, Visual Design\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--education"\n    date="April 2013"\n    iconStyle={{ background: \'rgb(233, 30, 99)\', color: \'#fff\' }}\n    icon={<SchoolIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Content Marketing for Web, Mobile and Social Media</h3>\n    <h4 className="vertical-timeline-element-subtitle">Online Course</h4>\n    <p>\n      Strategy, Social Media\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--education"\n    date="November 2012"\n    iconStyle={{ background: \'rgb(233, 30, 99)\', color: \'#fff\' }}\n    icon={<SchoolIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Agile Development Scrum Master</h3>\n    <h4 className="vertical-timeline-element-subtitle">Certification</h4>\n    <p>\n      Creative Direction, User Experience, Visual Design\n    </p>\n  </VerticalTimelineElement>\n  <VerticalTimelineElement\n    className="vertical-timeline-element--education"\n    date="2002 - 2006"\n    iconStyle={{ background: \'rgb(233, 30, 99)\', color: \'#fff\' }}\n    icon={<SchoolIcon />}\n  >\n    <h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>\n    <h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>\n    <p>\n      Creative Direction, Visual Design\n    </p>\n  </VerticalTimelineElement>\n</VerticalTimeline>\n```\n\n\n## VerticalTimelineElement Props\n\n### `animate={ Boolean }`\n\nEnable or disable animations on elements (default: true).\n\n### `className={ Boolean }`\n\nAdd extra class name to root div element.\n\n\n## VerticalTimelineElement Props\n\n### `className={ Boolean }`\n\nAdd extra class name to root div element.\n\n### `date={ String }`\n\nDate of the element.\n\n### `iconStyle={ Object }`\n\nStyle of the element\'s icon.\n\n### `icon={ String }`\n\nIcon of the element.\n\n### `position={ String }`\n\nPosition of the element (left or right).\n\n\n## Showcase\n\n* [My resume (St\xe9phane Monnot)](https://stephanemonnot.com/).\n\n\n## License\n\n*react-vertical-timeline-component* is available under MIT. See LICENSE for more details.\n\n'}});
//# sourceMappingURL=0.08ac61fd.chunk.js.map