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

Icon

configuration

Specifies the icon displayed on the button in its default 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.

icon

String|Object

Default: "clipboard"

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

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

icon.name

String

The name of the SVG icon.

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

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

icon.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({
    icon: {
        name: "paste",
        variant: "outline"
    },
    service: {
        url: "https://your-ai-service.com/api/parse"
    }
});
</script>