Input

Displays a form input field, input groups, number input spinners, date input, date time input, time inputs, etc.

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

import { Input } from '@/components/ui/input';

export default function InputDemo() {
  return (
    <div className="w-80">
      <Input type="text" placeholder="Readonly" readOnly={true} value="Readonly input" />
    </div>
  );
}