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>