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

PrefixOptions

configuration

The configuration for the prefix adornment of the component.

prefixOptions

Object

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

prefixOptions.icon

String

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

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

prefixOptions.separator

Boolean

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

Default: true

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

prefixOptions.template

String|Function

The template for the prefix adornment of the component.

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