GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → cyclejs-community → cyclejs-sortable

cyclejs-community / cyclejs-sortable

Licence: MIT license
Makes all children of a selected component sortable

Programming Languages

typescript
32286 projects

Labels

drag-and-dropcyclejs

Projects that are alternatives of or similar to cyclejs-sortable

solid-dnd
A lightweight, performant, extensible drag and drop toolkit for Solid JS.
Stars: ✭ 251 (+1468.75%)
Mutual labels:  drag-and-drop
UI-Builder
UI Builder to generate html pages automatically
Stars: ✭ 33 (+106.25%)
Mutual labels:  drag-and-drop
reactablejs
A react high-order component for interact.js(drag and drop, resizing and multi-touch gestures).
Stars: ✭ 59 (+268.75%)
Mutual labels:  drag-and-drop
DailyFeed
iOS client for newsapi.org
Stars: ✭ 128 (+700%)
Mutual labels:  drag-and-drop
ngx-drag-and-drop-lists
Angular drag and drop component for lists
Stars: ✭ 47 (+193.75%)
Mutual labels:  drag-and-drop
vue3-smooth-dnd
Vue3 wrapper components for smooth-dnd
Stars: ✭ 92 (+475%)
Mutual labels:  drag-and-drop
react-table-hoc-draggable-columns
ReactTable HOC for draggable columns
Stars: ✭ 27 (+68.75%)
Mutual labels:  drag-and-drop
vue-drag-zone
Drag Zone component for @vuejs
Stars: ✭ 127 (+693.75%)
Mutual labels:  drag-and-drop
dolphinnext
A graphical user interface for distributed data processing of high throughput genomics
Stars: ✭ 92 (+475%)
Mutual labels:  drag-and-drop
easy-drag
easy to realize drag and drop effect
Stars: ✭ 34 (+112.5%)
Mutual labels:  drag-and-drop
cycle-hn
Hackernews Clone Using CycleJS
Stars: ✭ 42 (+162.5%)
Mutual labels:  cyclejs
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-25%)
Mutual labels:  drag-and-drop
dnde
Drag and drop react email editor
Stars: ✭ 31 (+93.75%)
Mutual labels:  drag-and-drop
drop
A LÖVE visualizer and music player
Stars: ✭ 17 (+6.25%)
Mutual labels:  drag-and-drop
Custom-Grid-View
Custom Drag and Drop Grid for Home Assistant
Stars: ✭ 103 (+543.75%)
Mutual labels:  drag-and-drop
react-drop-n-crop
An opinionated implementation of react-dropzone and react-cropper
Stars: ✭ 17 (+6.25%)
Mutual labels:  drag-and-drop
cycle-snabbdom-examples
Cycle.js Component Examples with Routing & Transitions!
Stars: ✭ 13 (-18.75%)
Mutual labels:  cyclejs
ngx-dropzone
A highly configurable dropzone component for Angular.
Stars: ✭ 123 (+668.75%)
Mutual labels:  drag-and-drop
simple-page-ordering
Order your pages and other hierarchical post types with simple drag and drop right from the standard page list.
Stars: ✭ 88 (+450%)
Mutual labels:  drag-and-drop
react-file-input
⚛️  A file Input, with drag'n'drop and image editor for React
Stars: ✭ 71 (+343.75%)
Mutual labels:  drag-and-drop
View All Similar Projects ➔

cyclejs-sortable

Makes all children of a selected component sortable

Github Repo: https://github.com/cyclejs-community/cyclejs-sortable

Full documentation: https://cyclejs-community.github.io/cyclejs-sortable/

NPM: https://www.npmjs.com/package/cyclejs-sortable

Examples

You can check out live versions of the examples here:

Installation

npm install --save cyclejs-sortable

Basic Usage

For more information see the examples

const main = isolate(
    makeSortable(Component, { itemSelector: 'div > div' }),
    'myScope'
);

function Component(sources)
{
    return {
        DOM: xs.of(div([
            div(['one']),
            div(['two']),
            div(['three']),
            div(['four'])
        ]));
    }
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].