Telerik UI for ASP.NET Core SmartPasteButton Overview

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Material 2
    • Material 2 Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    • Main Dark
    Launch Theme Builder
HtmlHelper
TagHelper
Files:
index.cshtml
IndexController.cs
Index_TagHelper.cshtml

Also available for:

CLIENT-SIDE API HTML HELPER API
devcraft ninja image

The SmartPasteButton component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The SmartPasteButton helps users paste unstructured clipboard text into multiple form fields by sending the text to an AI service and mapping the response to the relevant inputs.

This demo shows a typical workflow—copy the sample text and click Smart Paste to populate the form fields. The loader is toggled through the request lifecycle events to provide clear user feedback.

For configuration details, refer to the SmartPasteButton documentation.

This SmartPasteButton example is part of the Telerik UI for ASP.NET Core demos collection.

Features

  • Overview—Configure the component and the AI service endpoint.
  • Getting Started—Initialize the component and wire it to a form.
  • AI Service Integration—Configure the service endpoint used for Smart Paste.
  • Appearance—Set size, theme color, fill mode, border radius, and icon.
  • Events—Handle the request lifecycle and show progress feedback.
  • Error Handling—Recover from incomplete data by resetting state and clearing validation.
  • Keyboard Navigation—Use the component through keyboard interactions.
  • API Reference—Review the client-side SmartPasteButton API.

Additional Apps

This SmartPasteButton example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources