Blatternfly 0.5.0

Blatternfly

View demo

About The Project

Blazor learning project. Blatternfly is a Blazor implementation of PatternFly.

Built With

• Blazor. Some parts of the form and input base components has been copied over from Blazor source code.
• PatternFly

Getting started

Prerequisites

• .NET 5.0

Imports

Add the following to _Imports.razor

@using Blatternfly
@using Blatternfly.Components
@using Blatternfly.Layouts

Patternfly CSS

Add the following to index.html

<link href="_content/Blatternfly/patternfly.css" rel="stylesheet" />
<link href="_content/Blatternfly/patternfly-addons.css" rel="stylesheet" />

See also the getting started section on the PatternFly website for more details.

Configuration

Example of Blatternfly configuration in Program.cs

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");

builder.Services.AddScoped(sp => new HttpClient
{
    BaseAddress = new Uri(builder.HostEnvironment.BaseAddress)
});

builder.AddBlatternfly();

var webhost = builder.Build();

await webhost.UseBlatternfly();
await webhost.RunAsync();

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgements

• Blazor.
• PatternFly.
• CssBuilder
• focus-trap
• tabbable
• Best Readme Template.