0.0.8 • Published 5 years ago
react-drag-taskmanager v0.0.8
react-drag-taskmanager
description
A drag & drop taskmanager component for React.js inspired by Jira kanban
demo
npm link
github repo
react-drag-taskmanager on github
usage
<Taskmanager
data={[
{
title: '',//title of the column
data:[] //data of the column
}
]}
onUpdate={(data)=>{
// new data when drop the item
// this is where you save the new data to the database
}}
// template for the item
itemTemplate={item => {
return (
<Fragment>
<div className="title">{item.name}</div>
<div className="des">{item.des}</div>
</Fragment>
);
}}
// style for the item
itemStyle={{
display: 'flex',
flexDirection: 'column'
}}
// style of the wrapper, width will be devided evenly thru the columns
wrapperStyle={{
width: '400px'
}}
></Taskmanager>