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

SmartPasteButton Configuration

Updated on Apr 22, 2026

The SmartPasteButton automatically detects form fields and uses AI to extract relevant values from clipboard content. You can configure how the component interacts with the AI service and which form fields are targeted.

Change Theme

Theme

Loading ...

AI Service Integration

Attach a click event handler to send clipboard content to your AI endpoint and fill in the form fields with the extracted values.

vue

<template>
    <SmartPasteButton @click="handleSmartPaste">Smart Paste</SmartPasteButton>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { SmartPasteButton } from '@progress/kendo-vue-buttons';

const handleSmartPaste = async (event) => {
    // Send clipboard content to AI endpoint
};
</script>

Automatic Form Detection

The SmartPasteButton automatically detects form fields within the closest form element and fills them with the extracted values.

Explicit Form Field Configuration

You can explicitly configure which form fields the SmartPasteButton targets by specifying field types, descriptions, fixed choices, and selective fields.