Input Form

A multi-field contact/profile form layout combining labeled text inputs, a country select, and cancel/submit actions for collecting name, email, phone, and address data.

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

import InputForm from "@/components/ui/input-form";

export default function InputFormDemo() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <InputForm />
    </div>
  );
}