Dev Design Library

Drop zone

A place that receives files, by drop or by picking: a sunk tray whose edge lights while files are dragged in the window, sinks and says 'Let go to attach' with files over it, refuses a file it won't take with a shake, and comes back up on t.

Drop zone preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Files
  • packages/metalui/src/components/drop-zone/drop-zone.tsx
  • packages/metalui/src/icons/MorphIcon.tsx
  • packages/metalui/src/icons/morph.ts
  • packages/metalui/src/icons/morph.generated.ts
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
Source
https://github.com/vijayksingh/metalui

More from Metal UI