Add note about selectionDelay

Author: jvanbruegge

examples/simple/src/index.ts

@@ -5,26 +5,33 @@ import { ul, li, makeDOMDriver, DOMSource, VNode } from '@cycle/dom';
 import { makeSortable } from '../../../src/makeSortable';
 
 type Sources = {
-    DOM : DOMSource;
+    DOM: DOMSource;
 };
 
 type Sinks = {
-    DOM : Stream<VNode>;
+    DOM: Stream<VNode>;
 };
 
-function main({ DOM } : Sources) : Sinks
-{
-    const vdom$ : Stream<VNode> = xs.of(
-        ul('.ul', [
-            li('.li', '', ['Option 1']),
-            li('.li', '', ['Option 2']),
-            li('.li', '', ['Option 3']),
-            li('.li', '', ['Option 4']),
-            li('.li', '', ['Option 5']),
-            li('.li', '', ['Option 6']),
-        ])
-    )
-    .compose(makeSortable<Stream<VNode>>(DOM, { ghostClass: '.ghost', selectionDelay: 500 }));
+function main({ DOM }: Sources): Sinks {
+    const vdom$: Stream<VNode> = xs
+        .of(
+            ul('.ul', [
+                li('.li', '', [
+                    'You have to hold for 500ms to start reordering'
+                ]),
+                li('.li', '', ['Option 2']),
+                li('.li', '', ['Option 3']),
+                li('.li', '', ['Option 4']),
+                li('.li', '', ['Option 5']),
+                li('.li', '', ['Option 6'])
+            ])
+        )
+        .compose(
+            makeSortable<Stream<VNode>>(DOM, {
+                ghostClass: '.ghost',
+                selectionDelay: 500
+            })
+        );
 
     return {
         DOM: vdom$