@page "/mask"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Blazor Mask
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    The Blazor Masked TextBox formats input as the user types using a pattern - phone numbers, dates, IP addresses, and more.
</RadzenText>

<RadzenExample ComponentName="Mask" Example="MaskConfig">
    <MaskConfig />
</RadzenExample>

<RadzenText Anchor="mask#sizes" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Mask Sizes
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use the <code>InputSize</code> property to set the Mask size. Available sizes are ExtraSmall, Small, Medium (default), and Large.
</RadzenText>
<RadzenExample ComponentName="Mask" Example="MaskSizes">
    <MaskSizes />
</RadzenExample>