diff --git a/docs/examples/Disabled.md b/docs/examples/Disabled.md index c44d5dd3dd27da82bab15b0c29b874d699adfa04..8f8c86c0c99d3c0f0746cf466dc8b1f17914a83b 100644 --- a/docs/examples/Disabled.md +++ b/docs/examples/Disabled.md @@ -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> diff --git a/docs/guide/index.md b/docs/guide/index.md index 4fd751b8c3b34172e9fe4657b65007366e80c80b..1932522e53ec42d3df4ba5b8df043c860adc8fc1 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -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 },