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

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

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a <strong>Quantity</strong> numeric input uses <code>RadzenNumericRangeValidator</code> with <code>Min="1m"</code> and <code>Max="10m"</code> (using 'm' decimal suffix) to enforce 1-10 range validation, with <code>oninput</code> event logging input changes to console.
</RadzenText>

<RadzenExample ComponentName="NumericRangeValidator" Example="NumericRangeValidatorConfig" Source="https://github.com/radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenNumericRangeValidator.cs">
    <NumericRangeValidatorConfig />
</RadzenExample>
