Components / Command Inline

Command Inline

Embedded command search inside Dialog content: the same cmdk anatomy in a bordered rounded-md shell that sits flush within a dialog.

import { CommandInline } from '@layers/ui/command-inline'

Rendered stock

House rules

  • Exists because standalone Command styles itself as a floating surface (bg-popover, rounded-4xl); those defaults do not fit inside DialogContent. Inside a Dialog, CommandInline is mandatory.
  • Only the root changes: CommandInput, CommandList, CommandGroup, CommandItem, and the rest still come from @layers/ui/command.
  • Standalone surfaces (popovers, full pages) keep using Command.

See also