New to Telerik UI for Blazor? Start a free 30-day trial
Telerik Blazor Prompt Library
Updated on Oct 1, 2025
This article provides a list of sample prompts for use with the Telerik Blazor MCP Server. They can help you get a better idea what the Telerik AI Coding Assistant can do and how to compose your prompts. This collection is not exhaustive and you can prompt the Telerik AI Coding Assistant about other scenarios and components as well.
How to Use the Prompts
All prompts in this library target the Telerik Blazor MCP Server. The #telerik_blazor_assistant handle assumes that this is the server name you have entered in the mcp.json file during installation.
- Browse the prompt library to find a prompt that suits your needs.
- Copy the prompt text including the
#telerik_blazor_assistanthandle. - (optional) Customize the prompt as needed for your specific use case. Make sure the changes comply with the intended use and the recommendations for the AI Coding Assistant.
- Run the prompt against the MCP server.
Always double-check the code and solutions proposed by any AI-powered tool before applying them to your project.
Grid
TEXT
#telerik_blazor_assistant Create a basic Grid component that displays employee data with columns for ID, Name, Position, and Salary. Include sorting and pagination functionality.TEXT
#telerik_blazor_assistant Implement a Grid with enabled filtering and show how to set up different filter types for text, numeric, and date columns.TEXT
#telerik_blazor_assistant Set up a Grid that loads data from a REST API endpoint.TEXT
#telerik_blazor_assistant Set up a Grid with virtual scrolling to handle large datasets efficientlyTEXT
#telerik_blazor_assistant Create a Grid having Edit button on each row, and conditional formatting based on cell values.TEXT
#telerik_blazor_assistant Implement Grid with enabled grouping and expand/collapse functionality for the groups.TEXT
#telerik_blazor_assistant Set up a Grid with еnabled multiple selection.TEXT
#telerik_blazor_assistant Set up a Grid with еnabled checkbox selection. TEXT
#telerik_blazor_assistant Create an editable Grid that includes validation for different data types.Scheduler
TEXT
#telerik_blazor_assistant Create a Scheduler component with month, week, and day views.TEXT
#telerik_blazor_assistant Create a Scheduler with sample event data and enabled basic event creation, editing, and deletion functionality.TEXT
#telerik_blazor_assistant Create a resource-based Scheduler with sample data grouped by Name of the event owner.TEXT
#telerik_blazor_assistant Create a Scheduler that allows users to toggle between different views and displays appointments.TEXT
#telerik_blazor_assistant Create a Scheduler that allows to create weekly repeating events.Chart
TEXT
#telerik_blazor_assistant Build a column chart that shows quarterly sales by region.TEXT
#telerik_blazor_assistant Build a column chart that shows quarterly sales by region with drill-down functionality to show monthly data when clicking on a quarter.Form
TEXT
#telerik_blazor_assistant How to create a form with three TextBox fields.TEXT
#telerik_blazor_assistant Generate a Form with required field validation for email and password inputs.Upload
TEXT
#telerik_blazor_assistant Create a simple Upload component allowing chunk file upload.TEXT
#telerik_blazor_assistant Create an Upload component allowing single file upload to a predefined saving location.DropDownList
TEXT
#telerik_blazor_assistant Create two cascading DropDownLists where the second list depends on the first selection. Use Categories and Products data with a simple relationship.TEXT
#telerik_blazor_assistant Create a DropDownList with countries data and enabled filtering.DatePicker
TEXT
#telerik_blazor_assistant Create a DatePicker that disables weekends.TEXT
#telerik_blazor_assistant Create two DatePickers for "From" and "To" date selection where the "To" picker's min date updates based on "From" selection.TEXT
#telerik_blazor_assistant Render a DatePicker with a default selected date.TEXT
#telerik_blazor_assistant Configure the DatePicker to show week numbers in its calendar popup.TEXT
#telerik_blazor_assistant Change the display format in the DatePicker so dates show as 'MM/dd/yyyy'.Calendar
TEXT
#telerik_blazor_assistant Create a Calendar component in which all past days are disabled.TEXT
#telerik_blazor_assistant Create a Calendar component in which all weekends are disabled.TEXT
#telerik_blazor_assistant Create a Calendar that shows the past 5 years.MultiSelect
TEXT
#telerik_blazor_assistant Create a MultiSelect with an array of product objects and show the selected product names below the component.TEXT
#telerik_blazor_assistant Create a MultiSelect with checkboxes bound to a simple list of countries and show the selected count.