# Command

Source: https://lumeo.nativ.sh/components/command

# Command

A command palette for searching and executing actions.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Command />

## When to Use

-   Command palettes for power users to quickly find and execute actions
-   Search interfaces with categorized, filterable results
-   Keyboard-driven navigation for switching between pages or features

Preview Code

Default

Suggestions

Calendar Search Settings

Actions

Profile Mail

Preview Code

Compact

New File Open File Save

Preview Code

Navigation

Pages

Dashboard Profile Settings

Recent

Notifications Messages

Preview Code

With Shortcuts

Actions

New FileCtrlN SaveCtrlS Command PaletteCtrlShiftP

Navigation

Go to DashboardCtrl1 Go to SettingsCtrl2

## API Reference

### Command

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

Command palette content (input, list, groups).

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandInput

Prop

Type

Default

Description

Placeholder

string

"Type a command or search..."

Placeholder text for the search input.

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandList

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

Scrollable list of command groups and items.

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandGroup

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

Group items.

Heading

string?

null

Optional heading label displayed above the group items.

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandItem

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

Item content (icon and label).

OnSelect

EventCallback

—

Callback invoked when the item is selected.

Disabled

bool

false

Disables the item.

Shortcut

string?

null

Keyboard shortcut displayed as Kbd badges on the right.

FilterValue

string?

null

Text used for filtering. Items without a FilterValue are always visible.

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandEmpty

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

Custom empty state content. Defaults to "No results found."

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

### CommandSeparator

Prop

Type

Default

Description

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

## Related Components

-   [Select](/components/select) — For choosing a single value from a predefined list
-   [Combobox](/components/combobox) — For searchable dropdown selection with autocomplete
-   [DropdownMenu](/components/dropdown-menu) — For contextual action menus triggered by a button