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

CancelIcon

configuration

Specifies the icon displayed when the button is in listening/processing state.

Set this option to an icon descriptor such as { name: "gear", variant: "outline" }. The variant can be outline, solid, or duotone; it applies to SVG rendering and is ignored for font icons.

cancelIcon

String|Object

Default: "x"

<form id="form">
    <input name="firstName" />
    <button id="smartPasteButton"></button>
</form>

<script>
$("#smartPasteButton").kendoSmartPasteButton({
    cancelIcon: "stop",
    service: {
        url: "https://your-ai-service.com/api/parse"
    }
});
</script>

cancelIcon.name

String

The name of the SVG icon.

<form id="form">
    <input name="firstName" />
    <button id="smartPasteButton"></button>
</form>

<script>
$("#smartPasteButton").kendoSmartPasteButton({
    cancelIcon: "stop",
    service: {
        url: "https://your-ai-service.com/api/parse"
    }
});
</script>

cancelIcon.variant

String

The SVG icon variant. Supported values are outline, solid, and duotone. The variant applies to SVG rendering and is ignored for font icons.

<form id="form">
    <input name="firstName" />
    <button id="smartPasteButton"></button>
</form>

<script>
$("#smartPasteButton").kendoSmartPasteButton({
    cancelIcon: "stop",
    service: {
        url: "https://your-ai-service.com/api/parse"
    }
});
</script>