@page "/lengthvalidator"
@page "/docs/guides/components/lengthvalidator.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    LengthValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>LengthValidator</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>First Name</strong> and <strong>Last Name</strong> inputs each use two <code>RadzenLengthValidator</code> instances with <code>Min="3"</code> and <code>Max="10"</code> to enforce 3-10 character length constraints, with a toggle for popup vs inline validation display.
</RadzenText>

<RadzenExample ComponentName="LengthValidator" Example="LengthValidatorConfig" Source="https://github.com/radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenLengthValidator.cs">
    <LengthValidatorConfig />
</RadzenExample>
