Skip to content

Commit

Permalink
Update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
clauderic committed Nov 14, 2024
1 parent 2dfd362 commit 7c32663
Showing 1 changed file with 0 additions and 3 deletions.
3 changes: 0 additions & 3 deletions apps/docs/react/guides/multiple-sortable-lists.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ We'll be setting up three columns, and each column will have its own list of ite

First, let's set up the initial setup for the columns and items. We'll be creating three files, `App.js`, `Column.js`, and `Item.js`, and applying some basic styles in the `Styles.css` file.


<CodeSandbox height="560" previewHeight="260" files={{
"App.js": App,
"Column.js": Column,
Expand All @@ -34,7 +33,6 @@ First, let's set up the initial setup for the columns and items. We'll be creati

Now, let's add drag and drop functionality to the items. We'll be using the [useSortable](/react/hooks/use-sortable) hook to make the items sortable. Let's modify the `Item` component to make it sortable:


<CodeSandbox height="435" previewHeight="260" files={{
...files,
"Item.js": {code: SortableItem, active: true},
Expand Down Expand Up @@ -78,7 +76,6 @@ The result is a sortable list of items that can be moved between columns.
If you want to make the columns themselves sortable, you can use the `useSortable` hook in the `Column` component.
Here's how you can modify the `Column` component to make it sortable:


<CodeSandbox height="455" previewHeight="260" files={{
...files,
"App.js": {code: AppSortableColumns},
Expand Down

0 comments on commit 7c32663

Please sign in to comment.