Skip to content
Snippets Groups Projects
Commit 83a2bc21 authored by Julian's avatar Julian
Browse files

Reword docs

parent 6ca279d5
No related branches found
No related tags found
1 merge request!2Resolve "Implement basic functionality"
Pipeline #115758 passed
......@@ -2,10 +2,11 @@
This uses the same data as the tic-tac-toe but is completely disabled.
Notice how the items still move if the tic-tac-toe data
change. Uncheck the checkbox to enable:
change. Uncheck the first checkbox to enable the grid.
The grid can also be in a loading state, in which it is disabled as well,
but it displays loading symbols everywhere. Check the checkbox to try:
but it displays loading symbols everywhere. Check the second checkbox to
enable the loading state.
<ClientOnly>
<script setup>
......
......@@ -17,7 +17,7 @@ Vue.use(draggableGrid);
// Now create your app as usual
```
Inside the component where you want to use the grid define your grid and data as follows:
An example usage could look like this:
```vue
<template>
......@@ -70,8 +70,6 @@ export default {
A field (or cell) can be blocked via the `disabledFields` prop. The prop receives an array of objects, containing the
coordinates of the blocked fields.
An example for a disabled fields property:
```javascript
disabledFields: [
{ x: 1, y: 1 },
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment