Components
Loading preview...
An animated AI prompt input with expanding textarea, keyboard shortcuts, model selector, and file attachments.
npx shadcn@latest add https://21st.dev/r/johuniq/ai-prompt-boximport { PromptInputBox } from "@/components/ui/ai-prompt-box";
export default function AiPromptBoxDemo() {
return (
<div className="relative flex h-[300px] w-full items-center justify-center px-4 md:px-8">
<PromptInputBox
onSend={(message, files) => {
console.log("Message:", message);
console.log("Files:", files);
}}
placeholder="Ask me anything..."
/>
</div>
);
}