cva VS draggable

cva.style

* use cva https://github.com/joe-bell/cva to style generic ui components (like buttons) to archive same grouping as in semantic css

Highly recommended with this: https://github.com/joe-bell/cva

Yes, and a library like https://github.com/joe-bell/cva makes this a breeze. See https://cva.style/docs/getting-started#your-first-component for an example

There is also class variance authoriy

https://github.com/joe-bell/cva is great for this

Also have you heard of class variance authority? https://github.com/joe-bell/cva; personally looked into stitches & vanilla-extract but i'm preferring the simplicity of this package the most.

It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129

This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...

Last time I did this a few years ago with jquery-ui-sortable: https://blog.corsego.com/ruby-on-rails-sexy-basic-trello-clone. I haven't tried doing this with any other modern drag-and-drop libraries, but I think my next go-to would be https://shopify.github.io/draggable/

My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile.

Wondering if there are plans to add a grid system and/or drag+drop? We're looking to implement an Instagram like grid of cards and currently using DraggableJS https://shopify.github.io/draggable. Having an integrated solution would help us avoid haphazard glue code.

Draggable has the... funkiest examples btw. Like 3D dragging funky.

For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/

https://shopify.github.io/draggable/ looks neat

I was wanting to implement elements of the library from Shopify and was wondering the process of implementing into my code. I am using visual studios. For instance I wished to use this in my code.

GitHub