Skip to content

Commit 1cfed91

Browse files
Update README.md
1 parent 44ad220 commit 1cfed91

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

README.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,17 +23,30 @@ Based on and offering all features of [Sortable.js](https://github.com/RubaXa/So
2323
* Full support of [Sortable.js](https://github.com/RubaXa/Sortable) features
2424
* Keeps in sync view model and view
2525
* No jquery dependency
26+
* Plays nicely with Vue.js 2.0 transition-group
2627

2728
##For Vue.js 2.0
2829

2930
Use draggable component:
3031

32+
Tipical use:
3133
``` html
3234
<draggable :list="list" :options="{group:'people'}" @start="dragging=true" @end="dragging=false">
3335
<div v-for="element in list">{{element.name}}</div>
3436
</draggable>
3537
```
3638

39+
With `transition-group`:
40+
``` html
41+
<draggable :list="list">
42+
<transition-group>
43+
<div v-for="element in list" :key="element.id">
44+
{{element.name}}
45+
</div>
46+
</transition-group>
47+
</draggable>
48+
```
49+
3750
### Props
3851
#### list
3952
Type: `Array`<br>

0 commit comments

Comments
 (0)