Input

Primitive single-line text input that accepts standard HTML attributes.

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/heroui-input"

export default function Demo() {
  return (
    <div className="w-[400px] space-y-3">
      <Input fullWidth placeholder="Full width input" />
    </div>
  )
}