intergration.md

title	page_title	description	slug	tags	published	position
Integration	Telerik REPL for Blazor Integration	Telerik REPL for Blazor is integrated with other Telerik resources like demos and documentation as well as Visual Studio and Visual Studio Code.	blazor-repl-integration	telerik,blazor,repl,integration	true	10

Telerik REPL for Blazor Integration

Telerik REPL for Blazor is integrated in the UI for Blazor resources (documentation and demos), as well as Visual Studio and Visual Studio Code.

In this article:

• Telerik REPL for Blazor Integration
  • Documentation Integration
  • Demos Integration
  • Visual Studio and Visual Studio Code Integration
    • Sharing to REPL in Visual Studio
    • Sharing to REPL Visual Studio Code
  • See Also

Documentation Integration

Most code examples in the Telerik UI for Blazor documentation are directly runnable in Telerik REPL for Blazor. This provides interactive experience, as the snippets are easy to test and edit. The toolbar above each runnable code snippet contains the following options:

• Edit—Opens the source in the integrated Telerik REPL for Blazor Editor.

• Preview—Runs the snippet in the integrated Telerik REPL for Blazor Result View.

Demos Integration

The Telerik UI for Blazor demos support integration with Telerik REPL for Blazor. The demo window toolbar provides option for editing the demo in Telerik REPL for Blazor. Once you select that option, you will be redirected to the Telerik REPL for Blazor and its editor will contain the source code of the current demo, so you can directly edit and test it.

Visual Studio and Visual Studio Code Integration

Telerik Extensions for Visual Studio and Visual Studio Code provide option to easily share your code to the Telerik REPL for Blazor with a few clicks. You can share the whole file or just a selection.

The command can be used if more than 10 symbols are selected. Otherwise Visual Studio will disable the command, and Visual Studio Code will show an error message ("Expected at least 10 characters"). In case of multiple selection, every new piece will be concatenated on a new line.

If no selection is made, the whole file will be shared to Telerik REPL for Blazor. Only single files can be shared per command and not the whole application. Once the share to REPL process is triggered, status notifications will appear in the bottom-right corner for a few seconds. After that, the default browser will open with the uploaded snippet.

Sharing to REPL in Visual Studio

1. Get the extension from the Visual Studio Marketplace:

   • Extension for Visual Studio 2022 for Windows
   • Extension for Visual Studio 2019 for Windows

2. Access the command through the Context Menu:

   1. Select a section that you want to share.
   2. Right-click the selection to open the context menu.
   3. Click the Share to Telerik REPL for Blazor option.

Sharing to REPL Visual Studio Code

1. Get the Visual Studio Code extension from the Visual Studio Marketplace.

2. Access the command using either the context menu or the command palette:

   • To use the context menu option, select a section that you want to share, right-click the selection, and then click Share to Telerik REPL for Blazor.

     

   • To use the command palette, select a section that you want to share, search for Share to Telerik REPL for Blazor in the command palette and select it.

     

See Also

• User Snippets in Telerik REPL for Blazor
• Predefined Editor Snippets and Scaffolders in Telerik REPL for Blazor