Align

Layout

Wraps child content in an alignment container.

@using Spectre.Console
@using RazorConsole.Components
<Columns Expand="true">
    <Border>
        <Align Width="18" Height="5" Horizontal="@(HorizontalAlignment.Left)" Vertical="@(VerticalAlignment.Top)">
            <Markup Content="Top / Left" />
        </Align>
    </Border>
    <Border>
        <Align Width="18" Height="5" Horizontal="@(HorizontalAlignment.Center)" Vertical="@(VerticalAlignment.Middle)">
            <Markup Content="Center" />
        </Align>
    </Border>
    <Border>
        <Align Width="18" Height="5" Horizontal="@(HorizontalAlignment.Right)" Vertical="@(VerticalAlignment.Bottom)">
            <Markup Content="Bottom / Right" />
        </Align>
    </Border>
</Columns>

Parameters

5
NameTypeDefaultDescription
Appearance
Heightint?—Height of the alignment container in characters. If null , automatically determined by content.
Widthint?—Width of the alignment container in characters. If null , automatically determined by content.
Common
ChildContentRenderFragment—Aligns content horizontally and vertically within a container using Spectre.Console's Align renderable.
Other
HorizontalHorizontalAlignment—Horizontal alignment of the content. Default is Left.
VerticalVerticalAlignment—Vertical alignment of the content. Default is Top.

API

<Align>