Composer

ავტომატურად მზარდი ტექსტის ველი გაგზავნით, დანართის სლოტითა და შეჩერების ღილაკით.

მაგალითი

@llc-conciergia/ui/composer

import { Composer } from "@llc-conciergia/ui/composer";
import { useState } from "react";

const [value, setValue] = useState("");

<Composer value={value} onValueChange={setValue}
  onSend={() => { sendMessage(value); setValue(""); }}
  isStreaming={isStreaming} onStop={stopResponse} />

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import { Composer } from "@llc-conciergia/ui/composer";

Conciergia CLI

npx @llc-conciergia/cli add composer

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/composer.json

შენიშვნები

Enter აგზავნის, Shift+Enter ახალ ხაზს ამატებს. IME-ის კომპოზიციისას Enter არ აგზავნის. ცარიელი ტექსტი და მიმდინარე პასუხი ბლოკავს გაგზავნას. შეჩერების ღილაკისთვის onStop გადაეცით.

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
value / onValueChange	string / (value: string) => void	—	ტექსტს მართავს აპი.
onSend	() => void	—	გაგზავნა; წარმატების შემდეგ value თავად გაასუფთავეთ.
isStreaming / onStop	boolean / () => void	—	პასუხის გენერაციის შეჩერება.
attachment	ReactNode	—	დანართის კონტროლი ან ფაილის წინასწარი ხედი.
disabled	boolean	—	ველისა და მოქმედებების გამორთვა.
textareaProps	TextareaProps	—	ველის სახელი, placeholder, ref და კლავიატურის დამატებითი ქცევა.