From 83a2bc219ce16accd4bb98375a4d31890f0266b2 Mon Sep 17 00:00:00 2001 From: Julian Leucker <leuckerj@gmail.com> Date: Fri, 3 Mar 2023 21:43:04 +0100 Subject: [PATCH] Reword docs --- docs/examples/Disabled.md | 5 +++-- docs/guide/index.md | 4 +--- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/docs/examples/Disabled.md b/docs/examples/Disabled.md index c44d5dd..8f8c86c 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 4fd751b..1932522 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 }, -- GitLab