Codeer.LowCode.BlazorにMudBlazor UIコンポーネントを追加するためのライブラリです。
LowCodeApp.Client.Shared プロジェクトにNuGetから次のパッケージをインストールしてください。
- Codeer.LowCode.Bindings.MudBlazor
ライブラリの使用に必要なコードを以下のプロジェクトにそれぞれ追加する必要があります。
- LowCodeApp.Client
- LowCodeApp.Shared
- LowCodeApp.Designer
Program.cs に以下のコードを追加してください。
MudBlazorLoader.LoadAssemblies();
builder.Services.AddMudServices();MainLayout.razor に以下のコードを追加してください。
@using Codeer.LowCode.Bindings.MudBlazor.Installer
<MudBlazorInstaller />Program.cs に以下のコードを追加してください。
MudBlazorLoader.LoadAssemblies();App.xaml.cs に以下のコードを追加してください。
MudBlazorLoader.LoadAssemblies();
Services.AddMudServices();
BlazorRuntime.InstallAssemblyInitializer(typeof(MudBlazorInstaller).Assembly);
BlazorRuntime.InstallRenderProvider(typeof(MudBlazorInstaller));DesignerからMudBlazor UIを使用したコンポーネントが配置できるようになっています。 通常のButtonやBooleanの代わりにMudButtonやMudBooleanを使用してください。
// 画像
Codeer.LowCode.Blazorの標準コントロールに対応するMudBlazorコントロールは以下の通りです。
| Codeer.LowCode.Blazor | MudBlazor |
|---|---|
| Boolean | MudBoolean |
| Button | MudButton |
| Date | MudDate |
| DateTime | MudDateTime |
| Id | MudId |
| Link | MudLink |
| Number | MudNumber |
| Password | MudPassword |
| RadioButton | MudRadioButton |
| RadioGroup | MudRadioGroup |
| Select | MudSelect |
| Text | MudText |
| Time | MudTime |
このライブラリでは次の2個のカスタムコントロールが提供されています。
- MudCalendar
- MudChart
Heron.MudCalendar を使用してカレンダーを表示することができます。
データをグラフで表示するためのコントロールです。

