NexoreUIv1.8.6
InstallationComponents61IconsTemplatesNEWNexore MakeAI
Create ProjectSTUDIOGitHub
NexoreUI
61 comps
Create Project
Studio
Installation
Components Overview
60+
Icons
300+
Categories6 groups
Button
Input
Checkbox
AI
Select
AI
Switch
Slider
Rating
File Upload
Card
Accordion
Tabs
Table
Stepper
Scroll Area
Navigation
Dock
Data Display
Aurora Border Card
AI
Aurora Search Pill
AI
AI Prompt Input
AI
Command
Interactive Code Block
AI
Pro AI
AI
Theme: cyan
Studio
DocsCommand

Command

Command palette for quick actions.

NextMarquee
On This Page
Quick Actions
Project Studio
New
Nexore Make (AI)Source on GitHub

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
1

Custom Search Placeholder

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx
1

Only Administrative Operations

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx
1

Star Favorite List Actions

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx
1

Programmatic Controlled Toggle

Press Ctrl+K or Cmd+K on your keyboard.
component.tsx
1

API Reference (Props)

PropTypeDefaultDescription
items*CommandItem[]—Array of items shown. Contains label, value, icon, and onSelect callback.
placeholderstring"Type a command or search..."Search input placeholder.
openbooleanfalseActive display status of Command Dialog.
onOpenChange(open: boolean) => void—Callback trigger when dialog open/close state changes.
classNamestring—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.