Variable: Command

@arolariu/components

---

@arolariu/components / Command

Variable: Command

const Command: ForwardRefExoticComponent<CommandProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/command.tsx:267

Provides a lightweight, filterable command surface without depending on cmdk.

Remarks

This wrapper preserves the existing compound-component API while replacing the underlying implementation with a small context-driven registry. It supports text filtering, arrow-key navigation, Enter-to-select, and pointer hover selection for common command palette use cases.

Example

<Command label='Quick actions'>
  <CommandInput placeholder='Search actions...' />
  <CommandList>
    <CommandItem onSelect={() => console.log("Open")}>Open</CommandItem>
  </CommandList>
</Command>

See

Base UI Dialog Docs