DUCommandPalette
Navigation⌘K style command / search menu.
import { DUCommandPalette } from 'deri-ui';Live preview
typescript
<DUCommandPalette open={open} onClose={close} items={[{id:'1',label:'Go home',onSelect:go}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DUCommandItem[] | — | Commands |
| open / onClose | boolean / fn | — | Visibility |
| placeholder | string | — | Search placeholder |
Usage
import { DUCommandPalette } from 'deri-ui';
<DUCommandPalette open={open} onClose={close} items={[{id:'1',label:'Go home',onSelect:go}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.