Blazor Tutorial - Build your first Blazor app

Add a component

Each of the .razor files defines a UI component that can be reused.

Open Pages/Index.razor in a text editor of your choice. Add a Counter component to the app's homepage by adding a <Counter /> element at the end of the file.

Pages/Index.razor
@page "/"

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

<Counter />

Re-run your app

End the previous dotnet run command that is running the site locally, then run the following command to re-launch the site:

Command prompt
dotnet run

Refresh the browser to see the change:

The home page now contains a Counter that displays a count and button.

Continue