← 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>