Command
A command palette for searching and executing actions.
Installation
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
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
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. |
| 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. |
- Select — For choosing a single value from a predefined list
- Combobox — For searchable dropdown selection with autocomplete
- DropdownMenu — For contextual action menus triggered by a button