# gantt-component

> This project is kind of fork of [apside-resources-manager](https://apside@dev.azure.com/apside/apside-resources-manager/_git/apside-resources-manager). Its biggest difference is that extracts all the logic was coupled with the frontend framework. Now you

Latest version **0.1.9** (published 2022-02-28) · 0 weekly downloads

## Install

```sh
npm install gantt-component
pnpm add gantt-component
yarn add gantt-component
bun add gantt-component
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.9 |
| Published | 2022-02-28 |
| First published | 2022-02-25 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 31.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Leonel Espinoza Sotelo |
| Maintainers | lespinozaapside |

## Links

- npm: https://www.npmjs.com/package/gantt-component
- npm.io page: https://npm.io/package/gantt-component

## Dependencies (1)

- [lit](https://npm.io/package/lit.md) ^2.0.2

## Recent versions

- 0.1.9 (latest) — 2022-02-28
- 0.1.8 — 2022-02-25
- 0.1.7 — 2022-02-25
- 0.1.6 — 2022-02-25
- 0.1.5 — 2022-02-25
- 0.1.4 — 2022-02-25
- 0.1.3 — 2022-02-25
- 0.1.2 — 2022-02-25
- 0.1.1 — 2022-02-25
- 0.1.0 — 2022-02-25

## README

# gantt-lit-component

This project is kind of fork of [apside-resources-manager](https://apside@dev.azure.com/apside/apside-resources-manager/_git/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

```jsx

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>
    </>
  );
}
```

## Setup project for developers

```bash
npm install && npm run dev
```

---
_Source: https://npm.io/package/gantt-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._