File tree Expand file tree Collapse file tree 1 file changed +4
-28
lines changed Expand file tree Collapse file tree 1 file changed +4
-28
lines changed Original file line number Diff line number Diff line change @@ -18,7 +18,9 @@ Based on and offering all features of [Sortable.js](https://github.com/RubaXa/So
18
18
19
19
![ demo gif] ( https://raw.githubusercontent.com/SortableJS/Vue.Draggable/master/example.gif )
20
20
21
- ## Live Demo
21
+ ## Live Demos
22
+
23
+ https://sortablejs.github.io/Vue.Draggable/
22
24
23
25
https://david-desmaisons.github.io/draggable-example/
24
26
318
320
319
321
#### Footer
320
322
Use the ` footer` slot to add none-draggable element inside the vuedraggable component.
321
- Important: it should be used in conjunction with draggable option to tag draggable element .
323
+ Important: it should be used in conjunction with draggable option to tag draggable elements .
322
324
Note that footer slot will always be added after the default slot regardless its position in the template.
323
325
Ex:
324
326
330
332
< button slot= " footer" @click= " addPeople" > Add< / button>
331
333
< / draggable>
332
334
` ` `
333
-
334
- ### Gotchas
335
- - Drag operation with empty list:
336
-
337
- To be able to drag items on an empty draggable component, set a min-height greater than 0 on the ` draggable` component or the ` transition- group` if any and ensure the transition group has display: block; otherwise height won't work.
338
-
339
- ### Fiddle
340
-
341
- - Simple:
342
- https://jsfiddle.net/dede89/sqssmhtz/
343
-
344
- - Two Lists:
345
- https://jsfiddle.net/dede89/32ao2rpm/
346
-
347
- - Example with list clone:
348
- https://jsfiddle.net/dede89/t3m5krea/
349
-
350
- - Example with transition-group:
351
- https://jsfiddle.net/dede89/m2v0orcn/
352
-
353
- - Example with table:
354
- https://jsfiddle.net/dede89/L54yu3L9/
355
-
356
- - Example with remove button
357
- on list elements
358
- https://jsfiddle.net/dede89/5Leuhh1n/
359
335
360
336
### Full demo example
361
337
You can’t perform that action at this time.
0 commit comments