وایب‌فارسیUI

جعبه‌ی پرامپت

prompt-inputکامپوننت

ورودی چت هوش مصنوعی با قابلیت بزرگ شدن، پیوست، انتخاب مدل و دکمه‌ی ارسال/توقف.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add prompt-input

  2. نصب دستی

    محتوای تب «کد» را در components/ui/prompt-input.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { PromptInput } from "@/components/ui/prompt-input"23<PromptInput loading={streaming} onSubmit={send} onStop={stop} placeholder="یک فرم ثبت‌نام فارسی بساز…" />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
onSubmit(value: string) => void-با Enter یا دکمه‌ی ارسال. Shift+Enter خط جدید می‌آوره.
loading / onStopboolean / () => void-در حال تولید، به‌جای ارسال دکمه‌ی توقف نشان داده میشه.
toolsReactNode-جایگزین انتخاب مدل در نوار ابزار.
قبلیکلید میانبربعدیکارت