Input Group Icon

A text input wrapped with a leading or trailing icon addon, used for search fields, email fields, and card-number inputs.

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

import InputGroupIcon from "@/components/ui/input-group-icon";

export default function InputGroupIconDemo() {
  return <InputGroupIcon />;
}