Skip to main content

BnColumn

Namespace: BlazorNative.Components

A vertical BnView — flexDirection: column. Forwards every other BnView parameter (see BnFlexPreset).

public sealed class BnColumn : BnFlexPreset, Microsoft.AspNetCore.Components.IComponent, Microsoft.AspNetCore.Components.IHandleEvent, Microsoft.AspNetCore.Components.IHandleAfterRender

Inheritance Object → ComponentBase → BnLayoutItem → BnLayoutContainer → BnFlexPreset → BnColumn
Implements IComponent, IHandleEvent, IHandleAfterRender

Remarks:

Column is also the layout engine's default direction, so BnColumn is a statement of intent rather than a behaviour change over a bare BnView — it says what the markup means. There is no BnStack; it would be a synonym for this.

Properties​

ChildContent​

Nested content rendered inside this view.

public RenderFragment? ChildContent { get; set; }

Property Value​

RenderFragment

Padding​

Space inside the box, between its edge and its children. Null = none.

public BnLength? Padding { get; set; }

Property Value​

BnLength?

Remarks:

Percentages are legal; auto is not, which is why this is BnLength and not BnAutoLength.

Justify​

Main-axis distribution of children. Null = Yoga's default (flex-start).

public FlexJustify? Justify { get; set; }

Property Value​

FlexJustify?

Align​

Cross-axis alignment of children. Null = Yoga's default (stretch).

public FlexAlign? Align { get; set; }

Property Value​

FlexAlign?

Wrap​

Whether children wrap onto new lines. Null = Yoga's default (nowrap).

public FlexWrap? Wrap { get; set; }

Property Value​

FlexWrap?

Gap​

Space between children. Null = none.

public BnLength? Gap { get; set; }

Property Value​

BnLength?

PaddingTop​

Padding on the top edge only. Overrides BnLayoutContainer.Padding for that edge when both are set — Yoga resolves the more specific edge last.

public BnLength? PaddingTop { get; set; }

Property Value​

BnLength?

PaddingRight​

Padding on the right edge only. Overrides BnLayoutContainer.Padding for that edge.

public BnLength? PaddingRight { get; set; }

Property Value​

BnLength?

PaddingBottom​

Padding on the bottom edge only. Overrides BnLayoutContainer.Padding for that edge.

public BnLength? PaddingBottom { get; set; }

Property Value​

BnLength?

PaddingLeft​

Padding on the left edge only. Overrides BnLayoutContainer.Padding for that edge.

public BnLength? PaddingLeft { get; set; }

Property Value​

BnLength?

BackgroundColor​

Fill colour behind the component. Null leaves it transparent.

public string? BackgroundColor { get; set; }

Property Value​

String

Margin​

Space outside the component, between it and its siblings. Null = none.

public BnAutoLength? Margin { get; set; }

Property Value​

BnAutoLength?

Remarks:

auto is legal here and absorbs free space, which re-centres the node.

AlignSelf​

Cross-axis alignment for this item alone, overriding the parent's. Null = inherit.

public FlexAlign? AlignSelf { get; set; }

Property Value​

FlexAlign?

Grow​

Share of leftover space this item takes (unitless ratio). Null = Yoga's default (0).

public float? Grow { get; set; }

Property Value​

Single?

Shrink​

Share of overflow this item gives up (unitless ratio). Null = Yoga's default (1).

public float? Shrink { get; set; }

Property Value​

Single?

Basis​

Starting main-axis size before grow/shrink. Null = auto.

public BnAutoLength? Basis { get; set; }

Property Value​

BnAutoLength?

Width​

Box width. Null = auto.

public BnAutoLength? Width { get; set; }

Property Value​

BnAutoLength?

Height​

Box height. Null = auto.

public BnAutoLength? Height { get; set; }

Property Value​

BnAutoLength?

MinWidth​

Lower bound on width. Null = unset.

public BnLength? MinWidth { get; set; }

Property Value​

BnLength?

MaxWidth​

Upper bound on width. Null = unset.

public BnLength? MaxWidth { get; set; }

Property Value​

BnLength?

MinHeight​

Lower bound on height. Null = unset.

public BnLength? MinHeight { get; set; }

Property Value​

BnLength?

MaxHeight​

Upper bound on height. Null = unset.

public BnLength? MaxHeight { get; set; }

Property Value​

BnLength?

Position​

Positioning scheme. Null = Yoga's default (relative).

public FlexPosition? Position { get; set; }

Property Value​

FlexPosition?

Top​

Top inset. Null = unset.

public BnLength? Top { get; set; }

Property Value​

BnLength?

Right inset. Null = unset.

public BnLength? Right { get; set; }

Property Value​

BnLength?

Bottom​

Bottom inset. Null = unset.

public BnLength? Bottom { get; set; }

Property Value​

BnLength?

Left​

Left inset. Null = unset.

public BnLength? Left { get; set; }

Property Value​

BnLength?

Constructors​

BnColumn()​

public BnColumn()