وایب‌فارسی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-جایگزین انتخاب مدل در نوار ابزار.
قبلیکلید میانبربعدیکارت