Blazor in action
Book recommendation Blazor in action
This is a personal recommendation, not a paid advert.

Creating a component

In the Client app create a new folder named Components. This is not a special name, we can choose any name we wish.

Once you’ve created the new Components folder, create a file within it named MyFirstComponent.razor and enter the following mark-up.

    <h2>This is my first component</h2>

Now edit the Index.razor file. At this point we can either reference the component with a fully qualified name:


Or edit /_Imports.razor and add @using CreatingAComponent.Client.Components. The using statements here are cascaded into all Razor views – which means the mark-up to use the new component in /Pages/Index.razor no longer needs a namespace.

@page "/"

<h1>Hello, world!</h1>

Welcome to your new app.

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

Now run the app and we’ll see the following.