Dev Design Library

Menu and correction popover

A frosted plate of 30 rows (frost-strong at .92, radius 18, padding 6, at least 200 wide) from a trigger or at the pointer: an engraved heading says what it acts on, pointer and keyboard share one highlight, keys at the right, destructive r.

Menu and correction popover preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/components/menu/menu.tsx
  • packages/metalui/src/theme/portal-colorway.ts
  • packages/metalui/src/components/kbd/kbd.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
Source
https://github.com/vijayksingh/metalui

Categories

More from Metal UI