Angular Sortable List and Drag and Drop | ng-hub-ui-sortable
Angular sortable list and drag-and-drop utilities for arrays, FormArray integration, Signals workflows and connected lists.
API reference
Inputs
sortablejs (Required)
Type: T[] | Signal<T[]>
Model bound to the sortable container.
sortablejsOptions
Type: Options
Default: {}
Native SortableJS configuration options.
sortablejsCloneFunction
Type: (item: T) => T
Factory used to clone elements when pull mode is clone.
sortablejsAutoUpdateArray
Type: boolean
Default: true
Automatically mutates arrays after drag and drop events.
Outputs
sortablejsInit
Type: Sortable
Emits when SortableJS instance is initialized.
sortablejsAdd
Type: SortableEvent
Emits when an item is added to the current list.
sortablejsUpdate
Type: SortableEvent
Emits when an item is reordered inside the same list.
sortablejsRemove
Type: SortableEvent
Emits when an item is removed from the current list.
Templates
No templates documented yet.
CSS variables
No CSS variables documented yet.
Styling and theming
No styling examples are documented yet. This section will include customization recipes and theming examples.