New to Kendo UI for jQuery? Start a free 30-day trial

SuffixOptions

configuration

The configuration for the suffix adornment of the component.

suffixOptions

Object

<textarea id="suffix"></textarea>
<script>
    $("#suffix").kendoTextArea({
        suffixOptions: {
            template: () => `${kendo.ui.icon("search")}${kendo.ui.icon("pencil")}${kendo.ui.icon("gear")}`
        }
    });
</script>

suffixOptions.icon

String

Defines the name for an existing icon in a Kendo UI theme or SVG content

<textarea id="description"></textarea>
<script>
    $("#description").kendoTextArea({
        suffixOptions: {
            icon: "search"
        }
    })
</script>

suffixOptions.separator

Boolean

If set to false, the suffix adornment will not have a separator.

Default: true

<textarea id="description"></textarea>
<script>
    $("#description").kendoTextArea({
        suffixOptions: {
            template: () => `${kendo.ui.icon("search")}${kendo.ui.icon("pencil")}${kendo.ui.icon("gear")}`,
            separator: false
        }
    })
</script>

suffixOptions.template

String|Function

The template for the suffix adornment of the component.

<textarea id="description"></textarea>
<script>
    $("#description").kendoTextArea({
        suffixOptions: {
            template: () => `${kendo.ui.icon("search")}${kendo.ui.icon("pencil")}${kendo.ui.icon("gear")}`
        }
    })
</script>