Command API
Command provides a compact palette surface for search-heavy CMS and admin flows.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- CommandPalette-style examples with search, shortcuts, and empty states.
Preview
- Go to PagesG P
- New blog postN B
- Project settingsP S
Import
import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "@axonyx/react";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | ReactNode | undefined | Optional leading icon for CommandItem. |
| shortcut | ReactNode | undefined | Optional shortcut hint displayed on the right. |
| active | boolean | false | Marks the highlighted or selected command row. |
CSS contract
.ax-command .ax-command__input .ax-command__list .ax-command__item .ax-command__item-main .ax-command__icon .ax-command__shortcut .ax-command__empty