Command palettePro

Type to filter, arrows to move, Enter to run.

Props

trigger

placeholder

commands

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add command-palette

Usage

import { CommandPalette } from "@/components/nex-ui/command-palette";

<CommandPalette
  trigger="Search commands"
  placeholder="Type a command"
  commands={["New page", "Duplicate page", "Invite teammate", "Open settings", "Toggle dark mode", "Export HTML"]}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro