Comparing version 1.0.3 to 1.0.4
{ | ||
"name": "kanban-ui", | ||
"version": "1.0.3", | ||
"version": "1.0.4", | ||
"description": "kanban ui library for react", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
# Kanban-ui | ||
An easy to integrate kanban component in your frontend application | ||
An easy to integrate kanban component in your frontend application, just make you have Tailwind css installed refer the below guide for tailwind installation | ||
https://tailwindcss.com/docs/installation/framework-guides | ||
## Usage/Examples | ||
@@ -17,9 +19,45 @@ | ||
// formate of tasks object | ||
const tasks = [ | ||
{ id: 1, title: "Task 1", status: "todo", priority: "high" }, | ||
{ id: 2, title: "Task 2", status: "todo", priority: "low" }, | ||
{ id: 3, title: "Task 3", status: "todo", priority: "low" }, | ||
{ id: 4, title: "Task 4", status: "in-progress", priority: "high" }, | ||
{ id: 5, title: "Task 5", status: "in-progress", priority: "low" }, | ||
{ id: 6, title: "Task 6", status: "done", priority: "low" }, | ||
const tasks = [ | ||
{ | ||
id: 1, | ||
title: "Task 1", | ||
status: "todo", | ||
priority: "high", | ||
date: "27 Dec 2024", | ||
}, | ||
{ | ||
id: 2, | ||
title: "Task 2", | ||
status: "todo", | ||
priority: "low", | ||
date: "21 Nov 2024", | ||
}, | ||
{ | ||
id: 3, | ||
title: "Task 3", | ||
status: "todo", | ||
priority: "low", | ||
date: "17 Aug 2024", | ||
}, | ||
{ | ||
id: 4, | ||
title: "Task 4", | ||
status: "in-progress", | ||
priority: "high", | ||
date: "12 Jun 2024", | ||
}, | ||
{ | ||
id: 5, | ||
title: "Task 5", | ||
status: "in-progress", | ||
priority: "low", | ||
date: "28 Dec 2024", | ||
}, | ||
{ | ||
id: 6, | ||
title: "Task 6", | ||
status: "done", | ||
priority: "low", | ||
date: "14 Oct 2024", | ||
}, | ||
]; | ||
@@ -26,0 +64,0 @@ return ( |
51952
74