# SVAR React Gantt PRO (Trial Version)

[SVAR React Gantt](https://svar.dev/react/gantt/) is a customizable, interactive Gantt chart component for visualizing and managing project timelines. This package provides **the trial version** of SVAR React Gantt PRO.

The trial includes a built-in SVAR watermark and is intended for evaluation and testing only. You can find the terms of the Trial License [here](https://svar.dev/licenses/license-agreements/#trial).

⚠️ **The trial version is not free software.**

To use SVAR React Gantt PRO in a production or commercial project, you must purchase a commercial license - [see the pricing details](https://svar.dev/react/gantt/pricing/).

### Get Help

If you have technical questions about using SVAR React Gantt, visit the [SVAR forum](https://forum.svar.dev/).

To access timely email support from our team during your 30-day trial, please [submit the trial request form](https://svar.dev/react/gantt/pricing/#trial) on our website.

### How to Use

To start using **SVAR React Gantt**, simply import the package and include the desired component in your JSX file:

```jsx
import { Gantt } from "@svar-ui/trial-react-gantt";
import "@svar-ui/trial-react-gantt/all.css";

const tasks = [
  {
    id: 20,
    text: "New Task",
    start: new Date(2024, 5, 11),
    end: new Date(2024, 6, 12),
    duration: 1,
    progress: 2,
    type: "task",
    lazy: false,
  },
  {
    id: 47,
    text: "[1] Master project",
    start: new Date(2024, 5, 12),
    end: new Date(2024, 7, 12),
    duration: 8,
    progress: 0,
    parent: 0,
    type: "summary",
  },
];
const myComponent => (<Gantt tasks={tasks} />);
```

### 🔗 Useful Links

- [Getting started guide](https://docs.svar.dev/react/gantt/getting_started/)
- [Demos](https://docs.svar.dev/react/gantt/samples/)