Command
A searchable list of things to go to or do, filtered as you type and driven by the arrow keys. Place it inline in a picker, or open it as a palette from anywhere.
bunx --bun shadcn@4.17.0 add @waimakers/command- npm dependencies
- cmdk@1.1.1@base-ui/react@1.9.0lucide-react@1.33.0
From the registry
shadcn's canonical Command (cmdk) command palette, restyled to the brand. The highlighted item wears the accent WASH with an ink label; group headings take the kit's uppercase tracked label; the popup is the raised surface with the overlay shadow; the focus ring is --text. CommandDialog composes the kit's Base UI Dialog (not shadcn's) for the overlay. Owner-authorised Radix exception: cmdk pulls @radix-ui/react-dialog, react-id, react-primitive and react-compose-refs.
Examples
Inline
Groups, icons, shortcuts and a disabled item. Type or press the arrow keys; the highlighted row wears the accent wash.
Palette
CommandDialog wraps the same parts in a modal with a hidden title for screen readers. This site's own search is one.
Empty
When nothing matches, say so plainly and suggest what to try.