Gantt - Pharen

Use Gantt to visualize work across a project timeline. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { GanttProvider, GanttSidebar, GanttSidebarGroup, GanttSidebarItem, GanttTimeline, GanttHeader, GanttFeatureList, GanttFeatureListGroup, GanttFeatureItem, GanttMarker, GanttToday } from '@pharen/ui';

Example

<script setup lang="ts">
import { GanttProvider } from '@pharen/ui';
</script>

<template>
  <GanttProvider />
</template>

Exports

Export	Purpose
`GanttProvider`	Exported Vue component from this module.
`GanttSidebar`	Exported Vue component from this module.
`GanttSidebarGroup`	Groups related items.
`GanttSidebarItem`	Represents one item.
`GanttTimeline`	Exported Vue component from this module.
`GanttHeader`	Structures the header region.
`GanttFeatureList`	Exported Vue component from this module.
`GanttFeatureListGroup`	Groups related items.
`GanttFeatureItem`	Represents one item.
`GanttMarker`	Exported Vue component from this module.
`GanttToday`	Exported Vue component from this module.

Source

Open the source on GitHub