Skip to content

README.md

Latest commit

 

History

History
72 lines (49 loc) · 2.13 KB

README.md

File metadata and controls

72 lines (49 loc) · 2.13 KB
Raw

Bindings.FluentUI

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

インストール

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

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