Dev Design Library

Lasso

The box a drag on empty canvas draws: a 1 pt intent-green hairline over a faint fill, and a graphite readout under it counting what it will select (● 3 blocks). The same on screen at every zoom.

Lasso preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Files
  • packages/metalui/src/components/lasso/lasso.tsx
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
  • packages/metalui/src/motion/indicator.tsx
  • packages/metalui/src/motion/layout-effect.ts
  • packages/metalui/src/motion/leave.ts
Source
https://github.com/vijayksingh/metalui

More from Metal UI