Skip to content

Codeer-Software/Codeer.LowCode.Bindings.MudBlazor

Repository files navigation

Bindings.MudBlazor

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

サンプル

インストール

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

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

  • Codeer.LowCode.Bindings.MudBlazor

コードの修正

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

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

LowCodeApp.Client

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

MudBlazorLoader.LoadAssemblies();
builder.Services.AddMudServices();

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

@using Codeer.LowCode.Bindings.MudBlazor.Installer

<MudBlazorInstaller />

LowCodeApp.Server

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

MudBlazorLoader.LoadAssemblies();

LowCodeApp.Designer

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

MudCalendar

Heron.MudCalendar を使用してカレンダーを表示することができます。

image

MudChart

データをグラフで表示するためのコントロールです。

image

About

No description, website, or topics provided.

Resources

License

Stars

1 star

Watchers

2 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages