Added: Drag and Reject effect on upload component #174
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
@saiful7778 is attempting to deploy a commit to the StaticMania Team on Vercel. A member of the Team first needs to authorize it. |
Collaborator
|
Hi @saiful7778 , Thank you for sharing your drag and reject effect implementation! While this particular approach might be simpler than what we're looking for in this case, we really appreciate you taking the time to contribute. The use of border colors for drag states is a reasonable starting point. We encourage you to keep contributing - perhaps consider exploring more advanced drag-and-drop patterns with additional visual feedback and accessibility features in your next iteration. Looking forward to seeing your future work! Thanks |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is simple file drag and reject effect by "react-dropzone" "isDragActive" and "isDragReject" properties.
I use
border-primary-500 dark:border-primary-400for draging andborder-error-500 dark:border-error-500for rejecting.keep-react-upload.webm