Use Blazor like WinForm. Just new a component and show it like here:

var form = new Component();
await form.ShowAsync();

Live Demo

Note that the root namespace is BcdLib.Components

+    <link href="_content/BcdLib.BcdForm/index.css" rel="stylesheet">
 
+    <script src="_content/BcdLib.BcdForm/index.js"></script>

<Router ...>
   ...
</Router>

+ <BcdFormContainer />

For server side:

+ using BcdLib.Components.Extensions;

public static void Main(string[] args)
{
    var host = CreateHostBuilder(args).Build();
+   host.Services.UseBcdForm();
    host.Run();
}

For WASM:

+ using BcdLib.Components.Extensions;

public static async Task Main(string[] args)
{
	var builder = WebAssemblyHostBuilder.CreateDefault(args);
	builder.RootComponents.Add<App>("#app");
		...
	var host = builder.Build();
+	host.Services.UseBcdForm();
	await host.RunAsync();
}

You must override InitComponent method. To remind developers to set some properties of the component, such as Title, it is defined as an abstract method.

Sample:

@inherits BcdForm

...

@code {
    protected override void InitComponent()
    {
        ...
    }
}

Jsut like using winform:

var form = new BcdFormChild();
await form.ShowAsync();

See BcdSample.Common/BcdForms for examples.

You cannot interact with child components in the root component that inherits BcdForm (only limit to the root component), such as EventCallback or @bind.

But you can using Action or Func instead of EventCallback, because Action or Func do not need a RenderHandler.

Demo see BcdLib/BcdSample.Common/BcdForms/Nesting.razor.

1. AntDesign: form's style