← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-text-composer-view
Компонент, который отображает поле ввода текста
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
disabled |
boolean |
✅ | - | Отключение текстового поля (по умолчанию = false) |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Набор значков |
keyDownHandler |
(e: KeyboardEvent) |
✅ | - | Функция-обработчик события keydown |
maxLength |
number |
✅ | - | Максимальная длина текстового поля |
placeholder |
string |
✅ | - | Текст плейсхолдера |
rateLimitBreached |
boolean |
✅ | - | Логическое значение, указывающее, превышено ли ограничение частоты |
setText |
(text: string, focus?: boolean) |
❌ | - | Задаёт значение текстового поля |
t |
RtkI18n1 |
❌ | useLanguage() |
Язык |
value |
string |
✅ | - | Значение по умолчанию для текстового поля |
Примеры использования
Базовое использование
<rtk-text-composer-view></rtk-text-composer-view>Со свойствами
<rtk-text-composer-view>
</rtk-text-composer-view><script>
const el = document.querySelector("rtk-text-composer-view");
el.disabled= true;
el.maxLength= 42;
</script>