Input controls that display an inline label or unit marker alongside the input field. Useful for forms where the field type or unit needs to be visible at all times (e.g. "kg", "$", "@").

Extends TextBox with a Mark property rendered inside the control.

<MarkedTextBox Mark="@" PlaceholderText="username" />

<MarkedTextBox Mark="https://" PlaceholderText="example.com" />

All standard TextBox properties (Text, PlaceholderText, MaxLength, etc.) are inherited.

Extends NumericUpDown with a Mark property rendered inside the control.

<MarkedNumericUpDown Mark="kg" Value="{Binding Weight}" Minimum="0" Maximum="500" />

<MarkedNumericUpDown Mark="$" Value="{Binding Price}" FormatString="F2" />

All standard NumericUpDown properties (Value, Minimum, Maximum, Increment, FormatString, etc.) are inherited.

The Mark property accepts any object, so you can use a PathIcon or other control:

<MarkedTextBox PlaceholderText="Search">
    <MarkedTextBox.Mark>
        <PathIcon Data="{DynamicResource SearchRegular}" Width="14" Height="14" />
    </MarkedTextBox.Mark>
</MarkedTextBox>