BlazorStack 1.0.2-alpha.0.1

This is a prerelease version of BlazorStack.
There is a newer version of this package available.
See the version list below for details.
dotnet add package BlazorStack --version 1.0.2-alpha.0.1                
NuGet\Install-Package BlazorStack -Version 1.0.2-alpha.0.1                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BlazorStack" Version="1.0.2-alpha.0.1" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorStack --version 1.0.2-alpha.0.1                
#r "nuget: BlazorStack, 1.0.2-alpha.0.1"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install BlazorStack as a Cake Addin
#addin nuget:?package=BlazorStack&version=1.0.2-alpha.0.1&prerelease

// Install BlazorStack as a Cake Tool
#tool nuget:?package=BlazorStack&version=1.0.2-alpha.0.1&prerelease                

BlazorStack

Build Status NuGet NuGet Downloads FuGet

A stack/flexbox implementation for Blazor.

Install

BlazorStack relies on BlazorStyled to render dynamic styles. Please follow the install instructions for that library when using BlazorStack.

Client Side Program.cs
builder.Services.AddBlazorStyled();
Server Side Startup.cs
services.AddBlazorStyled();
Server and Client Side _Imports.razor
@using BlazorStack

Usage

<Stack
    Horizontal
    Wrap
    HorizontalAlignment="Alignment.Start"
    VerticalAlignment="Alignment.Start"
    HorizontalGap="10"
    VerticalGap="20"
>
@for(var i = 0; i < 10; i++) {
    <div>@i</div>
}
</Stack>
Options
  • Horizontal Defines whether to render Stack children horizontally.
  • Wrap Defines whether Stack children should wrap onto multiple rows or columns when they are about to overflow the size of the Stack.
  • HorizontalAlignment Defines how to align Stack children horizontally (along the x-axis).
  • VerticalAlignment Defines how to align Stack children horizontally (along the y-axis).
  • HorizontalGap Defines the column spacing between Stack children.
  • VerticalGap Defines the row spacing between Stack children.
  • Gap Defines the spacing between Stack children.
  • MaxHeight Defines the maximum height that the Stack can take.
  • MaxWidth Defines the maximum width that the Stack can take.
  • MinHeight Defines the minimum height that the Stack can take.
  • MinWidth Defines the minimum width that the Stack can take.
  • Reverse Defines whether to render Stack children in the opposite direction (bottom-to-top if it's a vertical Stack and right-to-left if it's a horizontal Stack).
  • VerticalFill Defines whether the Stack should take up 100% of the height of its parent.
Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.5 614 2/19/2022
1.0.2-alpha.0.1 151 1/28/2022
1.0.1 451 1/28/2022
1.0.1-alpha.0.2 146 1/28/2022
1.0.0 453 1/28/2022
1.0.0-ci-00022 318 9/11/2020
1.0.0-ci-00020 327 9/11/2020
1.0.0-ci-00019 322 9/11/2020