blazor book

Blazor-Book

Ein Storybook wie UI zum Hosting von Blazor -Komponenten

Installation

Das BlazorBook -Nuget -Paket muss zu Ihrer Blazor WASM/Server -App und Ihrem Razor -Klassenbibliotheksprojekt hinzugefügt werden, das Ihre individuellen Geschichten enthält.

Install-Package BlazorBook -ProjectName MyProject

Aufstellen

Im Start Ihrer Blazor WASM/Server -App:

app.RegisterAllStories(Assembly.Load("<<Assembly name containing stories>>"));

• In _Imports.razor

Fügen Sie @using BlazorBook.Components hinzu

• In App.razor

  1. Fügen Sie <Blazorbook.Resources /> zum Oberteil hinzu
  2. Fügen Sie der Komponente wie folgt eine zusätzliche Assemblies -Requisition hinzu:

 < Router
  AppAssembly =" @typeof(App).Assembly "
  AdditionalAssemblies =" new[] { typeof(BlazorBook.UI).Assembly } "
>
  ...
</ Router >

Die Geschichten werden registriert und die Benutzeroberfläche auf dem Pfad /blazorbook verfügbar

Geschichten

Erstellen Sie eine Rasierklassenbibliothek, um Ihre Geschichten zu enthalten. Dies sollte auch das BlazorBook -Nuget -Paket als Abhängigkeit haben.

Zum Beispiel kann eine Geschichte wie folgt sein:

HelloWorld.razor

 @inherits BlazorBook.StoryComponent
@attribute [DisplayName("Story name")]

<div>Hello @(world)!</div>

@code {
    string world = "World!";
}