The React Sortable component provides a drag and drop functionality to help reorder any elements within a generic list. This reordering can be applied to anything from simple HTML elements to more advanced React components like the rest of the KendoReact UI library.
With the KendoReact Sortable, the drag and drop functionality can be applied to parent and child elements alike. This allows for nested elements to be rearranged while also allowing parent elements to be rearranged amongst themselves.
When no data items are available, the React Sortable component displays a default message. This string can be overridden to ensure that the displayed message fits user or language requirements.
Even with complex scenarios like selecting elements and rearranging them, the KendoReact Sortable can be interacted with using just a keyboard, thanks to the built-in keyboard navigation.