blazor book

blazor

Un libro de cuentos como UI para alojar componentes de Blazor

Instalación

El paquete BlazorBook Nuget debe agregarse a su aplicación Blazor Wasm/Server y su proyecto de biblioteca de clase Razor que contiene sus historias individuales.

Install-Package BlazorBook -ProjectName MyProject

Configuración

En el inicio de su aplicación Blazor Wasm/Server:

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

• En _Imports.razor

Agregar @using BlazorBook.Components

• En App.razor

  1. Agregar <blazorbook.resources /> a la parte superior
  2. Agregue un accesorio de base adicional en el componente de la siguiente manera:

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

Las historias estarán registradas y la interfaz de usuario disponible en el ruta /blazorbook

Historias

Cree una biblioteca de clase Razor para contener sus historias. Esto también debería tener el paquete BlazorBook Nuget como dependencia.

Por ejemplo, una historia puede ser la siguiente:

Helloworld.Razor

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

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

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