Gantt-component NPM

gantt-lit-component

This project is kind of fork of apside-resources-manager. Its biggest difference is that extracts all the logic was coupled with the frontend framework. Now you can use this component at wherever you want!

For example, I will use it inside React js app

import 'gantt-component'; // Import component
import * as data from 'resource/data.json'; // Import the component's data

export const GanttCustom() {
  const ganttCustomContainerStyles = {
    height: '300px',
    width: '500px',
    overflow: 'auto',
    backgroundColor: 'white'
  };

  return (
    <>
      <div style={ganttCustomContainerStyles}>
        {data && <gantt-custom data={data} />} // The component will render!!
      </div>
    </>
  );
}