shadcn chatbot kit
1.0.0
مجموعة مكونات chatbot شاملة مبنية على رأسها ومتوافقة مع النظام البيئي Shadcn/UI. قم ببناء chatbots الجميلة القابلة للتخصيص في دقائق مع الحفاظ على التحكم الكامل على مكوناتك.
تتضمن المجموعة كل ما تحتاجه لبناء chatbot كاملة الميزة:
أولاً ، اتبع تعليمات التثبيت لـ Shadcn/UI في مشروعك.
تأكد من أنك تستخدم shadcn CLI الحديث (وليس Legacy shadcn-ui ).
تثبيت المكونات باستخدام CLI.
تفضل بزيارة الوثائق للحصول على تعليمات التثبيت التفصيلية وقائمة كاملة من المكونات المتاحة.
ملاحظة: يستخدم هذا المثال Vercel AI SDK. اتبع دليل البدء الرسمي ، قبل استخدامه.
"use client"
import { useChat } from "ai/react"
import { Chat } from "@/components/ui/chat"
export function ChatDemo ( ) {
const { messages , input , handleInputChange , handleSubmit , isLoading , stop } =
useChat ( )
return (
< Chat
messages = { messages }
input = { input }
handleInputChange = { handleInputChange }
handleSubmit = { handleSubmit }
isGenerating = { isLoading }
stop = { stop }
/ >
)
} تم تصميم جميع المكونات باستخدام نظام التصميم في Shadcn/UI ، مما يجعلها قابلة للتخصيص بالكامل باستخدام متغيرات CSS. تفضل بزيارة Theme Customizer لتصميم مظهر chatbot بصريًا.
المساهمات دائما موضع ترحيب! لا تتردد في:
مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.
