blazor book

Blazor-Book

像UI这样的故事书，用于托管大麻组件

安装

需要将BlazorBook Nuget软件包添加到您的Blazor Wasm/Server应用程序和包含您个人故事的Razor类库项目中。

Install-Package BlazorBook -ProjectName MyProject

设置

在您的大麻厂/服务器应用程序的启动中：

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

• 在_Imports.razor中

添加@using BlazorBook.Components

• 在App.razor中

  1. 将<blazorbook.resources />添加到顶部
  2. 在组件上添加附加的组件支柱如下：

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

这些故事将被注册，并在路径/blazorbook上提供UI

故事

创建一个剃须刀库来包含您的故事。这也应该将BlazorBook Nuget软件包作为依赖项。

例如，故事可以如下：

Helloworld.Razor

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

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

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