@page "/dropdown-grouping"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DropDown <strong>grouping</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Group Blazor DropDown items into categories with group headers bound from a property in your data.
</RadzenText>

<RadzenExample ComponentName="DropDown" Example="DropDownGrouping">
    <DropDownGrouping />
</RadzenExample>

<RadzenText Anchor="dropdown-grouping#multiple-selection" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8 rz-mb-6">
    DropDown <strong>grouping</strong> with multiple selection
</RadzenText>
<RadzenExample ComponentName="DropDown" Example="DropDownGroupingMultiSelect">
    <DropDownGroupingMultiSelect />
</RadzenExample>