ApplicationFree component
Command workspace
A responsive workspace with sidebar navigation, searchable commands, and keyboard shortcuts. Bring your app’s main views into one shell.
Preview
Open previewInstallation
Add command workspace to your project, then make it your own.
shadcnRun in your terminal
npx shadcn add https://menaceui.com/r/menace-command-workspace.jsonUsage
TSXUsage example
import { CommandWorkspace } from "@/components/menace-command-workspace";
export default function Component() {
return <CommandWorkspace navigation={navigation} commands={commands} />;
}Props
Key options and their defaults.
navigationrequired- Sidebar destinations with optional icons, badges, and disabled state.
commandsrequired- Searchable commands, keywords, grouping, and shortcuts.
activeNavigationIduncontrolled- Controlled navigation selection.
onCommandSelectundefined- Called with the selected command.
- Command or Control K opens and focuses search.
- Arrow keys, Enter, and Escape cover the complete command-selection path.
- Navigation supports controlled selection while the shell remains responsive on narrow screens.