ASP.NET Core Blazor

https://learn.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-10.0

Admin

ASP.NET Core Blazor is a .NET frontend web framework for building interactive client-side and...

Tokens:1,204

Snippets:20

Trust Score:10

Update:2 months ago

Show doc for...

Tokens:

Raw

### Create a Counter Component with Razor

Source: https://learn.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-10.0&WT.mc_id=dotnet-35129-website

A basic component demonstrating HTML markup combined with C# logic to handle button click events.

```razor
<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}
```

Tokens:

Raw