無料で使える「Syncfusion」を導入する手順
を参考に進める。

NuGetで SyncFusion.Blazor.Buttons SyncFusion.Blazor.Themes をインストール
プロダクトキー登録とサービス追加

programs.cs

:
// SyncFuion
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("xxxxx");
builder.Services.AddSyncfusionBlazor(options => {options.IgnoreScriptIsolation = true; });
:

テーマ設定

index.hml

<head>
:
    <!--SyncFusion Theme-->
    <link href="_content/Syncfusion.Blazor.Themes/bootstrap4.css" rel="stylesheet" />
</head>

ボタン配置

LoginDisplay.razor

    <Authorized>
        Hello, @context.User.Identity?.Name!
        <SfButton IsPrimary="true">ログアウト</SfButton>
    </Authorized>