New to Kendo UI for AngularStart a free 30-day trial

Represents the Kendo UI SmartPasteButton component for Angular.

Fills form fields with AI-powered data extraction from clipboard content.

Definition

Package:@progress/kendo-angular-buttons

Selector:button[kendoSmartPasteButton]

Export Name:Accessible in templates as #kendoSmartPasteButtonInstance="kendoSmartPasteButton"

Inputs

disabled

boolean

When true, disables the SmartPasteButton and prevents user interaction.

Default:

false

Sets the background and border styles of the SmartPasteButton.

Default:

undefined

Specifies the form controls to include in Smart Paste. When not set, all form controls are included.

Default:

null

icon

string

Specifies the icon name to display in the SmartPasteButton.

Default:

'paste-sparkle'

iconClass

string

Defines one or more CSS classes separated by spaces for a span element inside the SmartPasteButton. Use iconClass to add custom icons.

imageUrl

string

Specifies a URL for an img element inside the SmartPasteButton. The URL can be relative or absolute. When relative, the browser evaluates it relative to the web page URL.

Configures the HTTP request options for the AI request. Use this to customize headers, method, credentials, and other request settings.

Sets the URL to which Smart Paste sends the AI request. When set, the component sends and handles an HTTP request automatically. Handle the requestStart event to modify request options before sending. When not set, the component does not send an HTTP request. Handle the requestStart event to send and manage a custom HTTP request.

Sets the border radius of the SmartPasteButton.

Default:

undefined

Sets the padding of the SmartPasteButton.

Default:

undefined

svgIcon

SVGIcon

Sets an SVG icon to display inside the SmartPasteButton.

Sets a predefined theme color for the SmartPasteButton. The theme color applies as a background and border color and adjusts the text color.

Default:

undefined

Events

Fires when the user cancels an ongoing Smart Paste request.

Fires when the Smart Paste request completes, either successfully or with an error. Prevent the event to cancel populating the form fields with the response data.

Fires when the Smart Paste request is about to start. Prevent the event to stop the request before sending it.

Methods

Removes focus from the SmartPasteButton.

Focuses the SmartPasteButton.

Starts the Smart Paste operation. Reads clipboard content and sends it to the AI service for processing.

Returns:

Promise​<void>