Command

Command palette for quick actions.

PreviousAI Prompt Input

NextMarquee

On This Page

Quick ActionsProject StudioNew Nexore Make (AI)Source on GitHub

Command

Command palette for quick actions.

Command Palette

Cmd+K overlay panel that supports fully customizable item actions, list filters, and spring animations.

When to use

standard paletteProviding power users with keyboard-first navigation shortcuts to jump to files, profiles, or trigger actions

custom searchConstraining input scopes to specific search domains or dashboard page queries

action triggersExposing utility actions (e.g. settings configs, project switching, clearing cash files) dynamically

Interactive Playground

Live CanvasInteractive

Press Ctrl+K or Cmd+K on your keyboard.

Controls(1)

placeholder

text

Input search placeholder text

Generated JSX

Source

import { Command } from "nexoreui"

<Command />

Standard Palette (Shortcut Activated)

Press Ctrl+K or Cmd+K on your keyboard.

component.tsx

Custom Search Placeholder

Press Ctrl+K or Cmd+K on your keyboard.

component.tsx

Only Administrative Operations

Press Ctrl+K or Cmd+K on your keyboard.

component.tsx

Star Favorite List Actions

Press Ctrl+K or Cmd+K on your keyboard.

component.tsx

Programmatic Controlled Toggle

Press Ctrl+K or Cmd+K on your keyboard.

component.tsx

API Reference (Props)

Prop	Type	Default	Description
items*	CommandItem[]	`—`	Array of items shown. Contains label, value, icon, and onSelect callback.
placeholder	string	`"Type a command or search..."`	Search input placeholder.
open	boolean	`false`	Active display status of Command Dialog.
onOpenChange	(open: boolean) => void	`—`	Callback trigger when dialog open/close state changes.
className	string	`—`	Additional custom class names.

Accessibility (a11y)

Keyboard Shortcuts: Automatically registers global listeners for key bindings like Ctrl+K / Cmd+K to toggle visibility.
List Navigation: Fully navigable using Arrow Keys Up Arrow / Down Arrow, and triggers item choice on Enter.

PreviousAI Prompt Input

NextMarquee

On This Page

Quick ActionsProject StudioNew Nexore Make (AI)Source on GitHub

Prop

Type

Default

Description

items*

CommandItem[]

—

Array of items shown. Contains label, value, icon, and onSelect callback.

placeholder

string

"Type a command or search..."

Search input placeholder.

open

boolean

false

Active display status of Command Dialog.

onOpenChange

(open: boolean) => void

—

Callback trigger when dialog open/close state changes.

className

string

—

Additional custom class names.