Codeer.LowCode.BlazorにFluent UI Blazor UIコンポーネントを追加するためのライブラリです。

LowCodeApp.Client.Shared プロジェクトにNuGetから次のパッケージをインストールしてください。

• Codeer.LowCode.Bindings.Fluent.Blazor

ライブラリの使用に必要なコードを以下のプロジェクトにそれぞれ追加する必要があります。

• LowCodeApp.Client
• LowCodeApp.Shared
• LowCodeApp.Designer

Program.cs に以下のコードを追加してください。

builder.Services.AddFluentUIComponents();

Program.cs に以下のコードを追加してください。

typeof(FluentTextFieldDesign).ToString();

App.xaml.cs に以下のコードを追加してください。

typeof(FluentTextFieldDesign).ToString();
Services.AddFluentUIComponents();
BlazorRuntime.InstallBundleCss("Codeer.LowCode.Bindings.Fluent.Blazor");
BlazorRuntime.InstallAssemblyInitializer(typeof(FluentTextFieldDesign).Assembly);

DesignerからFluent UIを使用したコンポーネントが配置できるようになっています。 通常のButtonやBooleanの代わりにFluentButtonやFluentBooleanを使用してください。

// 画像

Codeer.LowCode.Blazorの標準コントロールに対応するFluent UI Blazorコントロールは以下の通りです。