Components / Command
Command
A searchable action or navigation list (cmdk): command palettes and pickers that filter their items as you type. CommandDialog wraps the palette form.
import { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@layers/ui/command'Rendered stock
House rules
- Inside a Dialog use CommandInline, never raw Command; the standalone bg-popover rounded-4xl shell does not fit inside DialogContent.
- CommandInput is built on InputGroup and already includes the search icon; never compose your own search row.
- Group items with CommandGroup heading="..." and divide groups with CommandSeparator, not ad-hoc separators.