jkanban
react-kanban
jkanban | react-kanban | |
---|---|---|
2 | 2 | |
1,043 | 577 | |
- | - | |
0.0 | 0.0 | |
7 months ago | over 1 year ago | |
JavaScript | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jkanban
-
Drag&drop or similar functionality without JavaScript.
Soory I may did ommit one char or two, here's the correct one by copy past : https://www.riccardotartaglia.it/jkanban/
-
How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail
# views.py from wagtail.contrib.modeladmin.views import IndexView class KanbanView(IndexView): def get_kanban_data(self, context): return [ { "id": "column-id-%s" % index, "item": [ {"id": "item-id-%s" % obj["pk"], "title": obj["title"],} for index, obj in enumerate( [ {"pk": index + 1, "title": "%s Item 1" % column}, {"pk": index + 2, "title": "%s Item 2" % column}, {"pk": index + 3, "title": "%s Item 3" % column}, ] ) ], "title": column, } for index, column in enumerate(["column a", "column b", "column c"]) ] def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) # replace object_list in context as we do not want it to be paginated context["object_list"] = self.queryset # see: https://github.com/riktar/jkanban#var-kanban--new-jkanbanoptions context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context
react-kanban
-
Polished Task board web template recommendations please (React preferred)
Here is a popular open source kanban board component . Hope that helps :)
-
How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up
GitHub
What are some alternatives?
svelte-todo - Todo App with Svelte.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
Dragula - :ok_hand: Drag and drop so simple it hurts
react-trello-clone - Simplified clone of Trello using React and Firebase
spacers - 🔳 when you need more __space__. Quick margin/padding for your no-code tools.
react-motion - A spring that solves your animation problems.
cookieconsent - :cookie: Simple cross-browser cookie-consent plugin written in vanilla js
interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
wordle-clone - A Wordle Clone with Vanilla JS
react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices
rome - :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!
react-dropzone - Simple HTML5 drag-drop zone with React.js.