Thunder.Blazor

Components	Version
Thunder.Blazor
Thunder.Blazor.Animate
Thunder.Blazor.Noty
Thunder.Blazor.Bootstrap

The Thunder Blazor framework is developed rapidly. Contains the base class, the basic interaction logic. Separate business logic from interface interaction. Used as a basic framework.

Installation

Select the components you need to install as needed.

Install-Package Thunder.Blazor
Install-Package Thunder.Blazor.Animate
Install-Package Thunder.Blazor.Noty
Install-Package Thunder.Blazor.Bootstrap

Include objects

Thunder.Blazor

Thunder.Blazor.Animate

Configured in the startup.cs file

Public void ConfigureServices(IServiceCollection services)
{
    services.AddAnimateScoped();
}

In the page or component that needs to be called, the component that needs to be animated will be set to id.

After the page inherits TComponent, you can use NewId() to generate a random id name
@inherits Thunder.Blazor.Components.TComponent

<h1 id="@titleId">Hello, world!</h1>
@code{
    [Inject] protected AnimateService animate { get; set; }

    Protected string titleId { get; set; }

    Protected override void OnInit()
    {
        // set Id
        titleId = NewId();
        base.OnInit();
    }

    Private void test(){
        animate.Start(new AnimateData { AnimateType = AnimateType.tada, id = titleId, resetOnEnd = true });
    }
}

Thunder.Blazor.Noty

By default only bootstrap-v4.min.css is included. If you need other topics, you can add the corresponding theme css in head of the index.htm file.

Configured in the startup.cs file

Public void ConfigureServices(IServiceCollection services)
{
    services.AddNotyScoped();
}

On the page or component that needs to be called

[Inject] protected NotifyService noty { get; set; }

Private void test(){
    noty.Show(new NotyData("This is a test message.<br> This is a test pop!", NotyType.error));
}

Thunder.Blazor.Bootstrap