← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-chat-composer-view
Компонент, который отображает поле ввода сообщений чата
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
canSendFiles |
boolean |
✅ | - | Может ли пользователь отправлять сообщения с файлами |
canSendTextMessage |
boolean |
✅ | - | Может ли пользователь отправлять текстовые сообщения |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Набор значков |
inputTextPlaceholder |
string |
✅ | - | Плейсхолдер для текстового поля ввода |
isEditing |
boolean |
✅ | - | Переводит composer в режим редактирования |
maxLength |
number |
✅ | - | Максимальная длина текстового поля |
message |
string |
✅ | - | Сообщение, которое будет предзаполнено |
quotedMessage |
string |
✅ | - | Цитируемое сообщение для отображения |
rateLimits |
{ period: number; maxInvocations: number; } |
✅ | - | Ограничения скорости |
storageKey |
string |
✅ | - | Ключ для хранения сообщения в localStorage |
t |
RtkI18n1 |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<rtk-chat-composer-view></rtk-chat-composer-view>Со свойствами
<rtk-chat-composer-view
inputTextPlaceholder="example">
</rtk-chat-composer-view><script>
const el = document.querySelector("rtk-chat-composer-view");
el.canSendFiles= true;
el.canSendTextMessage= true;
</script>