Bindings.FluentUI

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

⚠️ Maintenance Status

This project is no longer actively maintained. New development, bug fixes, and support are not currently planned. The related NuGet package has also been unlisted and is not recommended for new projects.

インストール

パッケージのインストール

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

• Codeer.LowCode.Bindings.Fluent.Blazor

コードの修正

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

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

LowCodeApp.Client

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

builder.Services.AddFluentUIComponents();

LowCodeApp.Server

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

typeof(FluentTextFieldDesign).ToString();

LowCodeApp.Designer

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コントロールは以下の通りです。

Codeer.LowCode.Blazor	FluentBlazor
Boolean	FluentBoolean
Button	FluentButton
Date	FluentDate
Id	FluentId
Link	FluentLink
Number	FluentNumber
Password	FluentPassword
RadioButton	FluentRadioButton
RadioGroup	FluentRadioGroup
Select	FluentSelect
Text	FluentText
Time	FluentTime