Skip to content

Conversation

@dvoituron
Copy link
Collaborator

@dvoituron dvoituron commented May 26, 2023

Drag and Drop components

📖 Description

A web component implementation of a HTML Drag and Drop API.

The user may select draggable elements with a mouse, drag those elements to a droppable element, and drop them by releasing the mouse button. A translucent representation of the draggable elements follows the pointer during the drag operation.

Add these components FluentDragContainer and FluentDropZone.

<FluentDragContainer TItem="string">
  <FluentDropZone Draggable="true" Droppable="true">
    Item 1
  </FluentDropZone>
  <FluentDropZone Draggable="true" Droppable="true">
    Item 2
  </FluentDropZone>
</FluentDragContainer>

DragDrop

✅ Checklist

General

  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

@vnbaaij vnbaaij merged commit f074f90 into new-components May 26, 2023
@vnbaaij vnbaaij deleted the users/dvoituron/drag-drop branch May 26, 2023 16:43
vnbaaij added a commit that referenced this pull request Sep 12, 2025
dvoituron pushed a commit that referenced this pull request Sep 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants