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

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

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    These demos showcase form validation that ensures required fields are not empty, with examples validating text inputs and dropdown selections to prevent form submission with missing data.
</RadzenText>

<RadzenExample ComponentName="RequiredValidator" Example="RequiredValidatorConfig" Source="https://github.com/radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenRequiredValidator.cs">
    <RequiredValidatorConfig />
</RadzenExample>

<RadzenText Anchor="requiredvalidator#validate-radzendropdown" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Validate RadzenDropDown
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>RequiredValidator</code> to ensure a dropdown selection is made before form submission.
</RadzenText>
<RadzenExample ComponentName="RequiredValidator" Example="RequiredValidatorDropDown" Source="https://github.com/radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenRequiredValidator.cs">
    <RequiredValidatorDropDown />
</RadzenExample>