Components
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
Loading preview...
"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>
)
}