blazor book

Blazor-Book

BlazorコンポーネントをホストするためのUIのようなストーリーブック

インストール

BlazorBook Nugetパッケージは、Blazor Wasm/Serverアプリと、個々のストーリーを含むRazorクラスライブラリプロジェクトに追加する必要があります。

Install-Package BlazorBook -ProjectName MyProject

設定

Blazorのスタートアップでは、WASM/サーバーアプリ：

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

• _Imports.razorで

@using BlazorBook.Componentsを追加します

• App.razorで

  1. <blazorbook.resources />を上部に追加します
  2. 次のように、コンポーネントに追加のAssembliesプロップを追加します。

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

ストーリーは登録され、UIはPath /blazorbookで利用可能になります

物語

あなたの物語を封じ込めるために、かみそりクラスライブラリを作成します。これには、 BlazorBook Nugetパッケージが依存関係としてある必要があります。

たとえば、ストーリーは次のとおりです。

Helloworld.razor

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

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

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