Uner4s / gantt-wrapper

wrapper of frappe-gantt package

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

gantt-wrapper

wrapper of frappe-gantt package

NPM JavaScript Style Guide

Install

npm install --save gantt-wrapper or yarn add gantt-wrapper

Usage

import React from 'react'
import GanttWrapper from 'gantt-wrapper'

import styles from './styles.module.css'

const tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 10,
    dependencies: ''
  }
]

const Example = (props) => {
  return (
    <div className={styles.container}>
      <GanttWrapper
        customStyle={styles.custom}
        tasks={tasks}
        viewMode='Day'
        onClick={(task) => console.log(task)}
        onDateChange={(task, start, end) => console.log(task, start, end)}
        onProgressChange={(task, progress) => console.log(task, progress)}
        onTasksChange={(tasks) => console.log(tasks)}
      />
    </div>
  )
}

export default Example

License

MIT ©

About

wrapper of frappe-gantt package


Languages

Language:JavaScript 99.4%Language:CSS 0.6%