Components / Navigation
Command
The command palette. Search a short list of real destinations.
@fabrials/ui
No matching destination.
Overview
Accounts
Shortcut Ctrl K
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandDialog, Kbd } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/commandgets this control. See shims.npx shadcn@latest add @fabrials/command
API reference
| Prop / export | Type | Description |
|---|---|---|
open | boolean | CommandDialog open state. |
Behavior
fabrials.com and the ai-relay console open this with Ctrl or Command K. Radiant uses Command to choose a model and does not add a second palette. The dialog has 6 px corners, the overlay shadow and one variable for its top and its maximum height; the selected row has the accent fill and the 2 px Stormlight bar. CommandDialog does not wrap its children: put a Command inside.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.