Prompt Input Full Line

A clean, auto-resizing AI Chat Input component featuring an attachment button and a rounded submit trigger. Supports multi-line text, "Enter to send" logic, and adapts seamlessly to light/dark modes. Built with Tailwind CSS and Lucide Icons, perfect for LLM interfaces like ChatGPT or Claude. Registry Dependencies: lucide-react, clsx, tailwind-merge

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

"use client"

import { PromptInput } from "@/components/ui/prompt-input-full-line"

export default function PromptInputDemo() {
  return (
    <div className="flex w-full min-h-[200px] items-center justify-center bg-background px-4">
      <div className="w-full max-w-2xl">
        <PromptInput 
          onSubmitPrompt={(value) => console.log("Submitted:", value)} 
        />
      </div>
    </div>
  )
}