BnFlexPreset
Namespace: BlazorNative.Components
The shared base of the direction presets BnRow and BnColumn.
public abstract class BnFlexPreset : BnLayoutContainer, Microsoft.AspNetCore.Components.IComponent, Microsoft.AspNetCore.Components.IHandleEvent, Microsoft.AspNetCore.Components.IHandleAfterRender
Inheritance Object → ComponentBase → BnLayoutItem → BnLayoutContainer → BnFlexPreset
Implements IComponent, IHandleEvent, IHandleAfterRender
Attributes NullableContextAttribute, NullableAttribute
Remarks:
It carries every BnView parameter except BnView.Direction — the item surface from BnLayoutItem and the container surface from BnLayoutContainer — and forwards them to a BnView whose direction the subclass fixes. That omission is deliberate: a BnRow is a row, so there is no parameter that could contradict it. Use BnView directly when the direction has to be decided at runtime. You do not derive from this yourself — use the two presets.
Properties
ChildContent
Nested content rendered inside this view.
public RenderFragment? ChildContent { get; set; }
Property Value
Padding
Space inside the box, between its edge and its children. Null = none.
public BnLength? Padding { get; set; }
Property Value
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
Align
Cross-axis alignment of children. Null = Yoga's default (stretch).
public FlexAlign? Align { get; set; }
Property Value
Wrap
Whether children wrap onto new lines. Null = Yoga's default (nowrap).
public FlexWrap? Wrap { get; set; }
Property Value
Gap
Space between children. Null = none.
public BnLength? Gap { get; set; }
Property Value
BackgroundColor
Fill colour behind the component. Null leaves it transparent.
public string? BackgroundColor { get; set; }
Property Value
Margin
Space outside the component, between it and its siblings. Null = none.
public BnAutoLength? Margin { get; set; }
Property Value
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
Grow
Share of leftover space this item takes (unitless ratio). Null = Yoga's default (0).
public float? Grow { get; set; }
Property Value
Shrink
Share of overflow this item gives up (unitless ratio). Null = Yoga's default (1).
public float? Shrink { get; set; }
Property Value
Basis
Starting main-axis size before grow/shrink. Null = auto.
public BnAutoLength? Basis { get; set; }
Property Value
Width
Box width. Null = auto.
public BnAutoLength? Width { get; set; }
Property Value
Height
Box height. Null = auto.
public BnAutoLength? Height { get; set; }
Property Value
MinWidth
Lower bound on width. Null = unset.
public BnLength? MinWidth { get; set; }
Property Value
MaxWidth
Upper bound on width. Null = unset.
public BnLength? MaxWidth { get; set; }
Property Value
MinHeight
Lower bound on height. Null = unset.
public BnLength? MinHeight { get; set; }
Property Value
MaxHeight
Upper bound on height. Null = unset.
public BnLength? MaxHeight { get; set; }
Property Value
Position
Positioning scheme. Null = Yoga's default (relative).
public FlexPosition? Position { get; set; }
Property Value
Top
Top inset. Null = unset.
public BnLength? Top { get; set; }
Property Value
Right
Right inset. Null = unset.
public BnLength? Right { get; set; }
Property Value
Bottom
Bottom inset. Null = unset.
public BnLength? Bottom { get; set; }
Property Value
Left
Left inset. Null = unset.
public BnLength? Left { get; set; }