How do you move a Field's content to the bottom?

[sturlath]

I have this (blue) button I like to move to the bottom. I have tried various things like e.g. Placement ="Placement.Bottom" but that only seems to works for the Tooltip.

Do I need to some manual position: relative; and position: absolute; styling or can I somehow do this in Blazorize?

Here is the problem and the code I have

<Fields ColumnSize="ColumnSize.Is12" >
    <Field ColumnSize="ColumnSize.Is10" >
        <FieldLabel >Embeded Script</FieldLabel>
        <MemoEdit Rows="5" />
    </Field>
    <Field ColumnSize="ColumnSize.Is2" >
        <Tooltip Text="Copy" >
            <Button Color="Color.Primary" >
                <Icon Name="@("fa-copy")" Style="font-size:large" />
            </Button>
        </Tooltip>
    </Field>
</Fields>

I hope this one isn´t also hidden in plain sight! :-)

[stsrki]

In v0.9.4 this will be possible with Flex utilities:

<Fields ColumnSize="ColumnSize.Is12">
    <Field ColumnSize="ColumnSize.Is10">
        <FieldLabel>Embeded Script</FieldLabel>
        <MemoEdit Rows="5" />
    </Field>
    <Field ColumnSize="ColumnSize.Is2" Flex="Flex.AlignSelf.End">
        <Tooltip Text="Copy">
            <Button Color="Color.Primary">
                <Icon Name="@("fa-copy")" Style="font-size:large" />
            </Button>
        </Tooltip>
    </Field>
</Fields>

but for now, as a workaround, you can do it like this:

<Fields ColumnSize="ColumnSize.Is12">
    <Field ColumnSize="ColumnSize.Is10">
        <FieldLabel>Embeded Script</FieldLabel>
        <MemoEdit Rows="5" />
    </Field>
    <Field ColumnSize="ColumnSize.Is2" Class="d-flex align-self-end">
        <Tooltip Text="Copy">
            <Button Color="Color.Primary">
                <Icon Name="@("fa-copy")" Style="font-size:large" />
            </Button>
        </Tooltip>
    </Field>
</Fields>

[sturlath]

Awesome thanks so much!