You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+19-22
Original file line number
Diff line number
Diff line change
@@ -5,11 +5,11 @@
5
5
6
6
#### Fixed size grid for Vue.js
7
7
8
-
This is very a first version of the plugin. If you find any bugs and/or want to contribute, feel free to create issues, PRs or reach me out on twitter! 👍 🚀
8
+
This is very a first version of the plugin. If you find any bugs and/or want to contribute, feel free to create issues, PRs, or reach me out on twitter! 👍 🚀
| `draggable` | Boolean | `false` | Flag that will let you drag grid's cells |
69
+
| `dragDelay` | Number | `0` | @TODO |
70
+
| `sortable` | Boolean | `false` | Flag that will let you reorder grid's cells; requires `draggable` to be `true` |
71
+
| `center` | Boolean | `false` | @TODO |
72
72
73
73
### Events
74
74
75
75
| Name | Description |
76
76
| --- | --- |
77
-
| @change | Occurs on every action that involves reordering array or changing it's length |
78
-
| @remove | Occurs when an element is deleted through template |
79
-
| @click | Occurs when cell is clicked |
80
-
| @sort | Occurs when array item order is changed manually |
77
+
| `@change` | Occurs on every action that involves reordering array or changing its length |
78
+
| `@remove` | Occurs when an element is deleted through template |
79
+
| `@click` | Occurs when cell is clicked |
80
+
| `@sort` | Occurs when array item order is changed manually |
81
81
82
82
### Cell template
83
83
84
-
Cell template is used to get access to list data, indexing and sorting params generated by plugin.
84
+
Cell template is used to get access to list data, indexing, and sorting params generated by plugin.
85
85
86
86
Template's scope contains:
87
87
88
-
`props.item` - list item value
89
-
90
-
`props.index` - initial index of the item
91
-
92
-
`props.sort` - current index of an item after sorting
93
-
94
-
`props.remove()` - method that will remove item from the arrey and resport list.
88
+
* `props.item`: list item value
89
+
* `props.index`: initial index of the item
90
+
* `props.sort`: current index of the item after sorting
91
+
* `props.remove()`: method that removes the item from the array and resort list.
95
92
96
93
Example:
97
94
@@ -103,7 +100,7 @@ Example:
103
100
</template>
104
101
```
105
102
106
-
### Why do i need this?
103
+
### Why do I need this?
107
104
108
105
A good example of using a plugin would be rending macOS' `Launchpad` or `Dock`. Check out a demo for a solid example of how the plugin behaves & feels.
0 commit comments