blazor book

Blazor-Book

Blazor 구성 요소를 호스팅하기위한 UI와 같은 스토리 북

설치

BlazorBook Nuget 패키지는 Blazor WASM/Server 앱 및 개별 스토리가 포함 된 Razor 클래스 라이브러리 프로젝트에 추가해야합니다.

Install-Package BlazorBook -ProjectName MyProject

설정

Blazor Wasm/Server 앱의 시작시 :

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!";
}