Search Input Group

A labeled search input field that pairs a text label with an icon-prefixed input group, for search boxes that need an explicit form label.

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

import SearchInputGroup from "@/components/ui/search-input-group";

export default function SearchInputGroupDemo() {
  return <SearchInputGroup />;
}