Common Directives in Blazor

Page Directive

@page "/counter"
@page "/counter/{id:int}"

Layout Directive

@layout MainLayout

Inject Directive

@inject IJSRuntime JS
@inject NavigationManager Navigation

Using Directive

@using Microsoft.AspNetCore.Components
@using MyApp.Services

Implements Directive

@implements IDisposable

Inherits Directive

@inherits ComponentBase

Code Directive

@code {
    private int count;
    
    private void Increment()
    {
        count++;
    }
}

Attribute Directive

@attributes [Authorize]

Reference Directive

<input @ref="inputElement" />

@code {
    private ElementReference inputElement;
}