Input Group Inline Start

A search-style text input with an icon addon placed at the start inside the field, used for search boxes and prefixed inputs.

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

import InputGroupInlineStart from "@/components/ui/input-group-inline-start";

export default function InputGroupInlineStartDemo() {
  return (
    <div className="flex min-h-[200px] w-full items-center justify-center p-8">
      <InputGroupInlineStart />
    </div>
  );
}