BnFlexPreset
Namespace: BlazorNative.Components
The shared base of the direction presets BnRow and BnColumn.
public abstract class BnFlexPreset : Microsoft.AspNetCore.Components.ComponentBase, Microsoft.AspNetCore.Components.IComponent, Microsoft.AspNetCore.Components.IHandleEvent, Microsoft.AspNetCore.Components.IHandleAfterRender
Inheritance Object → ComponentBase → BnFlexPreset
Implements IComponent, IHandleEvent, IHandleAfterRender
Attributes NullableContextAttribute, NullableAttribute
Remarks:
It carries every BnView parameter except BnView.Direction 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
BackgroundColor
Background color as a hex string, e.g. "#FFEEAA". Null
leaves the view transparent.
public string? BackgroundColor { get; set; }
Property Value
Padding
Inside spacing, in density-independent units — 16 is 16dp
on Android and 16pt on iOS. Children are placed inside the padding box,
so padding shrinks the space they get rather than moving this view. Null
= none. Unlike the other lengths this one is a number, not a string:
percentage and "auto" paddings are not expressible.
public float? Padding { get; set; }
Property Value
Margin
Outside spacing, e.g. "8" — space between this view's box
and its siblings. Null = none.
public string? Margin { get; set; }
Property Value
Justify
Main-axis distribution (justifyContent). Null = flex-start.
public FlexJustify? Justify { get; set; }
Property Value
Align
Cross-axis alignment of the children (alignItems). Null = stretch.
public FlexAlign? Align { get; set; }
Property Value
Wrap
Line wrapping (flexWrap). Null = nowrap.
public FlexWrap? Wrap { get; set; }
Property Value
Gap
Gap between children, e.g. "8" (gap). Null = 0.
public string? Gap { get; set; }
Property Value
AlignSelf
Cross-axis override for this item (alignSelf). Null = auto
(inherit the parent's BnView.Align).
public FlexAlign? AlignSelf { get; set; }
Property Value
Grow
Share of the free main-axis space this item absorbs
(flexGrow) — a UNITLESS number, not a length. Null = 0.
public float? Grow { get; set; }
Property Value
Shrink
Share of the main-axis overflow this item gives back
(flexShrink) — a UNITLESS number. Null = Yoga's default.
public float? Shrink { get; set; }
Property Value
Basis
Main-axis base size (flexBasis): "auto" | "50%"
| "120". Null = auto.
public string? Basis { get; set; }
Property Value
Width
Width, e.g. "300" or "50%". Null = auto.
public string? Width { get; set; }
Property Value
Height
Height, e.g. "100" or "50%". Null = auto.
public string? Height { get; set; }
Property Value
MinWidth
Minimum width. Null = unset.
public string? MinWidth { get; set; }
Property Value
MaxWidth
Maximum width. Null = unset.
public string? MaxWidth { get; set; }
Property Value
MinHeight
Minimum height. Null = unset.
public string? MinHeight { get; set; }
Property Value
MaxHeight
Maximum height. Null = unset.
public string? MaxHeight { get; set; }
Property Value
Position
Positioning mode (position). Null = relative (in flow).
public FlexPosition? Position { get; set; }
Property Value
Top
Top inset. Null = unset.
public string? Top { get; set; }
Property Value
Right
Right inset. Null = unset.
public string? Right { get; set; }
Property Value
Bottom
Bottom inset. Null = unset.
public string? Bottom { get; set; }
Property Value
Left
Left inset. Null = unset.
public string? Left { get; set; }
Property Value
ChildContent
Nested content rendered inside this view.
public RenderFragment? ChildContent { get; set; }