# draggable(_:) Activates this tab as the source of a drag and drop operation. This tab can only be dragged when in the sidebar. ``` @MainActor @preconcurrency func draggable(_ payload: @autoclosure @escaping () -> T) -> some TabContent where T : Transferable ``` ## Parameters `payload` A closure that returns a single instance or a value conforming to that represents the draggable data from this tab. ## Discussion Applying the `draggable(_:)` modifier adds the appropriate gestures for drag and drop to this tab. When a drag operation begins, a rendering of the tab is generated and used as the preview image. The following example allows the ‘Family’ tab to be dragged and dropped. ``` TabView { Tab("Family", systemImage: "list.bullet") { MyFamilyView() } .draggable(AppSections.family) } ``` --- Copyright © 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)