Action Search Bar

Checkout Interaction with NumberFlow animations.

Live Preview
Open in
⌘K
Motion
lucide-react

Installation

npm install motion lucide-react

Usage

import ActionSearchBar from "@/components/xui/action-search-bar";

export function MyComponent() {
  return (
    <div className="w-full max-w-md">
      <ActionSearchBar />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

  • motion (framer-motion)
  • lucide-react