Skip to content

rtk-text-composer-view

Last updated View as MarkdownAgent setup

A component which renders a text composer

Properties

Property Type Required Default Description
disabled boolean ✅ - Disable the text input (default = false)
iconPack IconPack1 ❌ defaultIconPack Icon pack
keyDownHandler (e: KeyboardEvent) ✅ - Keydown event handler function
maxLength number ✅ - Max length for text input
placeholder string ✅ - Placeholder text
rateLimitBreached boolean ✅ - Boolean to indicate if rate limit is breached
setText (text: string, focus?: boolean) ❌ - Sets value of the text input
t RtkI18n1 ❌ useLanguage() Language
value string ✅ - Default value for text input

Usage Examples

Basic Usage

<rtk-text-composer-view></rtk-text-composer-view>

With Properties

<rtk-text-composer-view>
</rtk-text-composer-view>
<script>
  const el = document.querySelector("rtk-text-composer-view");

  el.disabled= true;
  el.maxLength= 42;
</script>

Was this helpful?