@@ -148,7 +148,7 @@ Sortable list
Nested Example
-
+
content A
diff --git a/packages/calcite-components/src/utils/sortableComponent.ts b/packages/calcite-components/src/utils/sortableComponent.ts
index 327257113c8..c1b6853a59b 100644
--- a/packages/calcite-components/src/utils/sortableComponent.ts
+++ b/packages/calcite-components/src/utils/sortableComponent.ts
@@ -33,6 +33,9 @@ export interface SortableComponent {
/** When `true`, dragging is enabled. */
dragEnabled: boolean;
+ /** When `true`, sorting is disabled. */
+ sortDisabled?: boolean;
+
/** Specifies which items inside the element should be draggable. */
dragSelector?: string;
@@ -97,13 +100,14 @@ export function connectSortableComponent(component: SortableComponent): void {
sortableComponentSet.add(component);
const dataIdAttr = "id";
- const { group, handleSelector: handle, dragSelector: draggable } = component;
+ const { group, handleSelector: handle, dragSelector: draggable, sortDisabled } = component;
component.sortable = Sortable.create(component.el, {
dataIdAttr,
...CSS,
...(!!draggable && { draggable }),
...(!!group && {
+ sort: !sortDisabled,
group: {
name: group,
...(!!component.canPull && {