Sortable Complete feature index

This catalog covers every feature in the current release inventory. Search by feature or API and follow the related guides and Playground routes.

comins-sortable@0.1.625

published features

Find on this page

Simple sorting

simple

Related API

itemsitemKeyonItemsChange

Guides

02-core-concepts

Playground

/examples/simple/vanilla/examples/simple/react/examples/simple/vue/examples/simple/svelte

Source

example/src/playground/scenarios.ts

Two lists

two-lists

Related API

grouponChangeonItemsChange

Guides

07-reorder-transfer

Playground

/examples/two-lists/vanilla/examples/two-lists/react/examples/two-lists/vue/examples/two-lists/svelte

Source

example/src/playground/scenarios.ts

Clone

clone

Related API

group.pullcopyItemcopyElement

Guides

08-copy-clone

Playground

/examples/clone/vanilla/examples/clone/react/examples/clone/vue/examples/clone/svelte

Source

example/src/playground/scenarios.ts

Custom clone

custom-clone

Related API

copyItemcopyElementitemKey

Guides

08-copy-clone

Playground

/examples/custom-clone/vanilla/examples/custom-clone/react/examples/custom-clone/vue/examples/custom-clone/svelte

Source

example/src/playground/scenarios.ts

Copy with Alt/Option

modifier-copy

Related API

group.pullpointer.altKeycopyItem

Guides

08-copy-clone

Playground

/examples/modifier-copy/vanilla/examples/modifier-copy/react/examples/modifier-copy/vue/examples/modifier-copy/svelte

Source

example/src/playground/scenarios.ts

Drag start areas

handle

Related API

handleignore

Guides

09-handle-acceptance

Playground

/examples/handle/vanilla/examples/handle/react/examples/handle/vue/examples/handle/svelte

Source

example/src/playground/scenarios.ts

Sorting animation

transition

Related API

animationprefers-reduced-motion

Guides

10-animation-auto-scroll

Playground

/examples/transition/vanilla/examples/transition/react/examples/transition/vue/examples/transition/svelte

Source

example/src/playground/scenarios.ts

Multi-drag

transitions

Related API

multiDragselectedClasschange.itemIds

Guides

16-advanced-sorting

Playground

/examples/transitions/vanilla/examples/transitions/react/examples/transitions/vue/examples/transitions/svelte

Source

example/src/playground/scenarios.ts

Sorting thresholds

thresholds

Related API

swapThresholdinvertSwap

Guides

16-advanced-sorting

Playground

/examples/thresholds/vanilla/examples/thresholds/react/examples/thresholds/vue/examples/thresholds/svelte

Source

example/src/playground/scenarios.ts

Swap

swap

Related API

swapchange.swapItemId

Guides

16-advanced-sorting

Playground

/examples/swap/vanilla/examples/swap/react/examples/swap/vue/examples/swap/svelte

Source

example/src/playground/scenarios.ts

Grid

grid

Related API

direction="grid"grid collision

Guides

16-advanced-sorting

Playground

/examples/grid/vanilla/examples/grid/react/examples/grid/vue/examples/grid/svelte

Source

example/src/playground/scenarios.ts

Swap grid

swap-grid

Related API

direction="grid"swapchange.swapItemId

Guides

16-advanced-sorting

Playground

/examples/swap-grid/vanilla/examples/swap-grid/react/examples/swap-grid/vue/examples/swap-grid/svelte

Source

example/src/playground/scenarios.ts

Consumer component host

third-party

Related API

astagcomponentProps

Guides

11-hosts-slots

Playground

/examples/third-party/vanilla/examples/third-party/react/examples/third-party/vue/examples/third-party/svelte

Source

example/src/playground/scenarios.ts

Footer slot

footer-slot

Related API

footeritem selector

Guides

11-hosts-slots

Playground

/examples/footer-slot/vanilla/examples/footer-slot/react/examples/footer-slot/vue/examples/footer-slot/svelte

Source

example/src/playground/scenarios.ts

Header slot

header-slot

Related API

headeritem selector

Guides

11-hosts-slots

Playground

/examples/header-slot/vanilla/examples/header-slot/react/examples/header-slot/vue/examples/header-slot/svelte

Source

example/src/playground/scenarios.ts

Two-list slots

two-list-slots

Related API

headerfootergroup

Guides

11-hosts-slots

Playground

/examples/two-list-slots/vanilla/examples/two-list-slots/react/examples/two-list-slots/vue/examples/two-list-slots/svelte

Source

example/src/playground/scenarios.ts

Nested lists

nested

Related API

parentnested-cycle

Guides

12-nested-tree

Playground

/examples/nested/vanilla/examples/nested/react/examples/nested/vue/examples/nested/svelte

Source

example/src/playground/scenarios.ts

Per-list state control

nested-controlled

Related API

parentonItemsChangeonChange

Guides

12-nested-tree

Playground

/examples/nested-controlled/vanilla/examples/nested-controlled/react/examples/nested-controlled/vue/examples/nested-controlled/svelte

Source

example/src/playground/scenarios.ts

Nested consumer components

functional-third-party

Related API

astagparent

Guides

11-hosts-slots12-nested-tree

Playground

/examples/functional-third-party/vanilla/examples/functional-third-party/react/examples/functional-third-party/vue/examples/functional-third-party/svelte

Source

example/src/playground/scenarios.ts

Empty destination

empty

Related API

emptyInsertThresholdgroup

Guides

09-handle-acceptance

Playground

/examples/empty/vanilla/examples/empty/react/examples/empty/vue/examples/empty/svelte

Source

example/src/playground/scenarios.ts

Accept and reject

accept

Related API

acceptdisabled

Guides

09-handle-acceptance

Playground

/examples/accept/vanilla/examples/accept/react/examples/accept/vue/examples/accept/svelte

Source

example/src/playground/scenarios.ts

Auto scroll

auto-scroll

Related API

autoScrolldirection

Guides

10-animation-auto-scroll

Playground

/examples/auto-scroll/vanilla/examples/auto-scroll/react/examples/auto-scroll/vue/examples/auto-scroll/svelte

Source

example/src/playground/scenarios.ts

Subtree movement

tree

Related API

createSortableTreegetAreasupdateArea

Guides

12-nested-tree

Playground

/examples/tree/vanilla/examples/tree/react/examples/tree/vue/examples/tree/svelte

Source

example/src/playground/scenarios.ts

Drop feedback styles

custom-placeholder

Related API

placeholder.className--comins-sortable-placeholder-*--comins-sortable-rejection-outlineaccept

Guides

13-placeholder

Playground

/examples/custom-placeholder/vanilla/examples/custom-placeholder/react/examples/custom-placeholder/vue/examples/custom-placeholder/svelte

Source

example/src/playground/scenarios.ts

Skeleton placeholder

skeleton-placeholder

Related API

placeholder.preset="skeleton"prefers-reduced-motion

Guides

13-placeholder

Playground

/examples/skeleton-placeholder/vanilla/examples/skeleton-placeholder/react/examples/skeleton-placeholder/vue/examples/skeleton-placeholder/svelte

Source

example/src/playground/scenarios.ts

Changes in this release — 0.1.6

Grid insertion now follows the grabbed card center. Move feedback stays aligned under transformed/fixed ancestors and scrolling; copy/table previews account for different scales. Public exports and runtime dependencies remain unchanged.