Dev Design Library

Command palette

⌘K: a 560 frost plate with a 44 field well, sections of 36 rows with matches marked, a raised selected row with a green bar, destructive rows in red, and a footer of keycaps. Hover moves the selection; ↩ runs, ⇧↩ pins. Built on Base UI Dial.

Command palette preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/components/command-palette/command-palette.tsx
  • packages/metalui/src/components/kbd/kbd.tsx
Source
https://github.com/vijayksingh/metalui

Categories

More from Metal UI