Action Search Bar

Command palette-style search bar with keyboard navigation and action shortcuts

search command palette keyboard shortcuts form

Search Commands

import ActionSearchBar from "@/components/vritti/action-search-bar"

export function ActionSearchBarExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <ActionSearchBar defaultOpen />
    </div>
  )
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/action-search-bar"

Dependencies


pnpm add motion lucide-react