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: packages/dev/s2-docs/pages/react-aria/blog/drag-and-drop.mdx
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -86,7 +86,7 @@ Collection components such as lists or tables are treated as a single drop targe
86
86
<OnDropPositionrole="img"aria-label="On drop position diagram, showing the on drop position." />
87
87
<BetweenDropPositionrole="img"aria-label="Between drop position diagram, showing the between drop position." />
88
88
</div>
89
-
<figcaptionstyle={{fontStyle: 'italic'}}>The "root", "on", and "between" drop positions.</figcaption>
89
+
<Caption>The "root", "on", and "between" drop positions.</Caption>
90
90
</figure>
91
91
92
92
The [useDraggableCollection](https://react-spectrum.adobe.com/react-aria/useDraggableCollection.html) and [useDroppableCollection](../useDroppableCollection.html) hooks can be used to implement drag and drop within components built with existing React Aria hooks such as [useListBox](https://react-spectrum.adobe.com/react-aria/useListBox.html), [useTable](https://react-spectrum.adobe.com/react-aria/useTable.html), and [useGridList](https://react-spectrum.adobe.com/react-aria/useGridList.html). The drag and drop system integrates with our existing architecture for [collections](../collections.html) and [selection](../selection.html), which are used across all of these components. This enables multiple selected items to be dragged at once, allows keyboard navigation within a droppable collection to adapt based on the collection's layout, and facilitates automatic focus management when items are dropped.
0 commit comments