Gantt

import { Gantt } from '@hanzo/ui'

export function Default() {
  return (
    <YStack width="100%" maxW={720}>
      <Gantt tasks={project} />
    </YStack>
  )
}

export function Empty() {
  return (
    <YStack width="100%" maxW={720}>
      <Gantt tasks={[]} />
    </YStack>
  )
}

export function InProgress() {
  return (
    <YStack width="100%" maxW={720}>
      <Gantt
        tasks={[
          { id: '1', name: 'Migrate database', start: new Date(2024, 5, 1), end: new Date(2024, 5, 10), progress: 50 },
        ]}
      />
    </YStack>
  )
}

Types

export interface GanttTask {
  id: string
  name: string
  start: Date
  end: Date
  /** 0–100. Defaults to 0. */
  progress?: number
}

export type GanttProps = ComponentProps<typeof Frame> & {
  tasks?: GanttTask[]
}

Exports