Blazor Smart Paste Example - AI-powered Annotations

Smart Paste Button / Smart Paste / Annotations

This sample demonstrates the usage of data-smartpaste-description in form fields to customize field descriptions. It shows how to provide specific descriptions for form fields, enhancing the Smart Paste feature's ability to automatically populate form data based on these custom descriptions.

Explore our Smart AI demos with limited AI token usage directly in your browser. To dive deeper and try out these features locally using your own API key, check out our Syncfusion Smart AI Samples on GitHub.

Loading Syncfusion Blazor Server Demos…

Bug Report Form
Sample content
Hi, this is Alice. On July 3rd, I encountered a bug in Chrome where the dropdown menu in the navigation bar fails to close after selecting an item. While this might not be a major issue, I kindly request that you investigate and resolve it. Regards, J Alice Abraham.
On May 2nd, K John Doe reported a critical bug where the login page unexpectedly refreshes instead of logging in when the login button is clicked, impacting all major browsers. This prevents users from accessing their accounts. To reproduce: open any browser, navigate to the login page, enter valid credentials, and click 'Login'.

This sample uses the data-smartpaste-description attribute to customize field descriptions. By default, Smart Paste automatically identifies and describes form fields based on labels, names, or nearby text. You can override these descriptions by setting data-smartpaste-description for specific fields, which helps the backend model provide more accurate form auto-filling.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE