Order Search Input Group

A search input with a clear button and a popover status filter, used for filtering an order list by search text and multiple statuses.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Order Search Input Group to your project and fits it to your theme.

import OrderSearchInputGroup from "@/components/ui/c-input-group-37";

export default function OrderSearchInputGroupDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center p-10">
      <OrderSearchInputGroup />
    </div>
  );
}