Components
Loading preview...
Here is Promt Input component
npx shadcn@latest add https://21st.dev/r/vercel/promt-inputimport React, { useState } from 'react';
import {
PromptInput,
PromptInputSubmit,
PromptInputTextarea,
PromptInputToolbar,
} from '@/components/ui/promt-input';
const MyPromptComponent = () => {
const [value, setValue] = useState('');
const handleSubmit = (e) => {
e.preventDefault();
// Ваша логика для отправки данных
console.log('Submitted value:', value);
setValue(''); // Очистить поле после отправки
};
return (
<PromptInput onSubmit={handleSubmit} className="mt-4 relative">
<PromptInputTextarea
placeholder="What would you like to know?"
onChange={(e) => setValue(e.target.value)}
value={value}
/>
<PromptInputToolbar>
<PromptInputSubmit
className="absolute right-1 bottom-1"
disabled={value.trim() === ''} // Кнопка неактивна, если поле пустое
status={'ready'}
/>
</PromptInputToolbar>
</PromptInput>
);
};
export default MyPromptComponent;